WindPallete is a powerful tool designed to help developers create and manage consistent color themes for their applications. After encountering countless paywalls while trying to create themes for our projects, we decided to build the tool we wished existed.
That's why WindPallete is and always will be free, open source, and supported by the community.
-
🎨 Advanced Color System
- Complete color scale generation (50-950)
- Visual color picker with HSL controls
- Real-time component preview
- Multiple gradient types
-
🧩 Component Library
- Pre-built UI components
- Live preview
- Dark/Light mode support
- Customizable variants
-
📤 Multiple Export Formats
- Tailwind CSS config
- CSS Variables (HEX/RGB/HSL)
- SCSS variables
- Figma-compatible format
- Node.js 18.x or higher
- npm or yarn
- Clone the repository:
git clone https://github.com/dmostoller/windpallete.git
- Install dependencies:
npm install
-
Start the development server:
npm run dev -
Open http://localhost:3000 in your browser
-
Choose Colors:
- Select your primary color using the intuitive color picker
- Add secondary and accent colors to complete your palette
- Fine-tune using HSL controls
-
Preview & Test:
- See live component previews
- Test in both light and dark modes
- Validate color contrast ratios
-
Export & Implement:
- Download your theme configuration
- Copy-paste ready-to-use code
- Import directly into your project
- Fork the repository
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
Join our Discord community to:
- 💡 Get help with your theme creation
- 🎨 Share your beautiful themes
- 💬 Discuss design and development
- 📢 Stay updated on new features
This project is licensed under the MIT License. See the LICENSE file for details.
- 📧 Email: [email protected]
- 💬 Discord: Join our server
- 🐛 Issues: GitHub Issues
