A beautiful, open-source button customizer and code generator for React and the web. Instantly design, preview, and export production-ready button components with live customization, templates, and one-click code export.
Try it live: JustButton Demo
- 🎨 Visual Button Customizer: Instantly tweak text, colors, gradients, size, padding, border, radius, shadow, hover effects, and more.
- 🧩 Templates: Start from beautiful, ready-made button templates or save your own.
- 🔄 Live Preview: See your changes in real time.
- 💻 Code Export: Export your button as React, HTML, or CSS code with a single click.
- 🌗 Dark/Light Theme: Seamless theme switching.
- 🔗 Open Source: MIT licensed and ready for contributions.
- Framework: Next.js (App Router, React 19)
- Styling: Tailwind CSS, Radix UI
- Icons: Lucide, react-icons
- TypeScript
Clone the repository and install dependencies:
git clone https://github.com/rudra016/justbutton.git
cd justbutton
npm installStart the development server:
npm run devOpen http://localhost:3000 in your browser.
Contributions are welcome! Please open issues or pull requests for features, fixes, or ideas.
- Fork the repository
- Create your feature branch (
git checkout -b feature/my-feature) - Commit your changes (
git commit -am 'Add new feature') - Push to the branch (
git push origin feature/my-feature) - Open a Pull Request
This project is open source under the MIT License. See LICENSE for details.
Built with ❤️ by Rudra Kumar
- Twitter: @sudo_rudra
- GitHub: rudra016/justbutton
- Buy Me a Coffee: coff.ee/rudra016
Empower your UI. JustButton it!