Gradient Tailwind Generator
A modern, intuitive web application for generating beautiful gradients and getting their corresponding Tailwind CSS classes. Built with Next.js 14, Tailwind CSS, and Radix UI components.
✨ Features
- 🎨 Interactive gradient generator
- 📋 Copy-to-clipboard Tailwind CSS classes
- 🌗 Dark/Light mode support
- 🎯 Real-time preview
- 📱 Fully responsive design
- ⚡ Built with performance in mind
🚀 Getting Started
Prerequisites
- Node.js 18.x or later
- npm or yarn
Installation
- Clone the repository:
git clone https://github.com/yourusername/gradient-tailwind-gen.git
cd gradient-tailwind-gen
- Install dependencies:
npm install
# or
yarn install
- Run the development server:
npm run dev
# or
yarn dev
- Open http://localhost:3000 in your browser.
🛠️ Built With
- Next.js - React framework
- Tailwind CSS - CSS framework
- Radix UI - UI component library
- Framer Motion - Animation library
🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
📝 License
This project is licensed under the MIT License - see the LICENSE file for details.
🙏 Acknowledgments
- Thanks to all contributors who have helped shape this project
- Inspired by the Tailwind CSS community
- Built with love for developers and designers
