ButtonJS

🚀 ButtonJS is a collection of beautifully designed, production-ready React + TailwindCSS buttons you can use instantly — no setup, no configuration, just pure copy-paste simplicity. Whether you need a simple button or a complex animated gradient button, ButtonJS has you covered!

Live Demo

✨ Features

• 🎨 Modern UI — Professionally crafted button designs.
• ⚡ Zero Config — Copy & paste into your project.
• 💻 Built with React + TailwindCSS.
• 🖌 Animations & Gradients included.
• 🌙 Dark mode–friendly designs.

📦 Installation

You don’t need to install anything to use ButtonJS, but to run the repo locally:

git clone https://github.com/hassaanhaider88/ButtonJS.git
cd ButtonJS
npm install
npm start

🚀 Usage

1. Visit ButtonJS Demo (replace with your live demo link).
2. Pick your favorite button style.
3. Copy the JSX + TailwindCSS classes directly into your project.
4. Enjoy!

Example:

<button className="px-4 py-2 bg-[#48CAE4] text-black rounded-lg font-semibold hover:bg-black hover:text-[#48CAE4] transition">
  Click Me
</button>

📂 Project Structure

ButtonJS/
│── src/
│   ├── Data/   # Button data and styles
│   ├── pages/        # Demo pages
│   └── App.js
│── public/
│── package.json
└── README.md

🤝 Contributing

We welcome contributions from the community! Please read our Contributing Guidelines before opening a pull request.

📜 License

This project is licensed under the MIT License.

---

💡 Author

Made with ❤️ by Hassaan Haider — Solo Founder & Developer of ButtonJS.

If you like this project, ⭐ star it on GitHub to show your support!