Tailwind Color Palette Generator

A modern web application for generating and managing color palettes using Tailwind CSS. This tool helps designers and developers create, visualize, and export color schemes that are compatible with Tailwind CSS.

🌐 Live Demo

The application is deployed and available at: https://emreires.github.io/tailwind-color-palette-generator/

✨ Features

• Color Palette Generation: Create beautiful color palettes with ease
• Tailwind CSS Integration: Generate colors that work seamlessly with Tailwind CSS
• Visual Color Picker: Intuitive interface for selecting and adjusting colors
• Export Options: Export your color palettes in various formats
• Responsive Design: Works perfectly on all device sizes
• Dark Mode Support: Choose between light and dark themes

🛠️ Tech Stack

• Framework: Next.js
• Styling: Tailwind CSS
• UI Components: Radix UI
• Color Management: React Colorful
• Type Safety: TypeScript
• Package Manager: pnpm

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/emreires/tailwind-color-palette-generator.git
   

2. Install dependencies:

   pnpm install
   

3. Run the development server:

   pnpm dev
   

4. Open http://localhost:3000 in your browser

📦 Building for Production

To build the application for production:

pnpm build

🚀 Deployment

The application is deployed using GitHub Pages. To deploy updates:

1. Make your changes
2. Run the deployment script:

   ./deploy.ps1  # For Windows
   # or
   ./deploy.sh   # For Unix-based systems
   

📝 License

This project is open source and available under the MIT License.

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.