Skip to content

heyrapto/Bannerly

Repository files navigation

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 [raptomiofw@gmail.com] or visit my GitHub profile.

About

Generate fully customizable social banners for your projects, profiles, or events. Adjust text, colors, images, and layouts to match your personal brand or project identity — perfect for sharing on Twitter, LinkedIn, or anywhere else you want to stand out.

Topics

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages