https://github.com/heycalebszn/bannerly

Get fully customizable social banner.
https://github.com/heycalebszn/bannerly

api banner figma javascript reactjs tailwindcss

Last synced: about 1 month ago
JSON representation

Get fully customizable social banner.

• Host: GitHub
• URL: https://github.com/heycalebszn/bannerly
• Owner: heycalebszn
• License: mit
• Created: 2024-12-11T02:43:03.000Z (about 2 months ago)
• Default Branch: master
• Last Pushed: 2024-12-23T15:05:22.000Z (about 1 month ago)
• Last Synced: 2024-12-23T16:21:53.795Z (about 1 month ago)
• Topics: api, banner, figma, javascript, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://bannerly.vercel.app
• Size: 254 KB
• Stars: 42
• Watchers: 1
• Forks: 7
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Banner Maker 🎨

Banner Maker is a user-friendly tool for creating customized banners with ease. Whether you’re designing banners for websites, social media, or promotional campaigns, this project provides the essential features to get started quickly.

Features 🚀

	•	Customizable Dimensions: Create banners of any size.

	•	Text and Image Support: Add text and upload images to personalize your banner.

	•	Color Palettes: Choose from a variety of color options for backgrounds and elements.

	•	Downloadable Output: Export your banners in high-quality formats.

Technologies Used 🛠️

	•	JavaScript: Core functionality and interactivity.

	•	ReactJS: Structuring and styling the application.

	•	[Additional Frameworks/Tools]: (Devicon, HeadlessUI, HeroIcons, Lucide-react, Google fonts, Canvas API, TailwindCSS)

Getting Started 🏁

Prerequisites

	•	A modern web browser

	•	Node.js (if applicable for development)

Installation

	1.	Clone this repository:

git clone https://github.com/heyrapto/banner-maker.git

	2.	Navigate to the project folder:

cd banner-maker

	3.	Open the index.html file in your browser (if it’s a static project).

OR

Install dependencies and start the development server:

npm install

npm start

Usage ✨

	1.	Open the application.

	2.	Select your banner dimensions.

	3.	Add text, images, and customize colors.

	4.	Preview your banner.

	5.	Download your finished banner in the desired format.

Screenshots 📸

Contribution Guidelines 🤝

Contributions are welcome! If you’d like to contribute:

	1.	Fork the repository.

	2.	Create a new branch (git checkout -b feature-branch).

	3.	Commit your changes (git commit -m 'Add feature').

	4.	Push to the branch (git push origin feature-branch).

	5.	Open a pull request.

License 📄

This project is licensed under the MIT License.

Contact 📬

For any inquiries or suggestions, feel free to contact me at [[email protected]] or visit my GitHub profile.