Skip to content

HassanXTech/Prism-Palette

Repository files navigation

Prism - Soft UI Palette Generator

Prism Logo

Prism

Generate beautiful soft-UI (neumorphic) color palettes and copy CSS variables in one click

Website Peerlist License Made with React Made with TypeScript

✨ Features

  • 🎨 Smart Color Generation: AI-powered algorithms create harmonious color palettes
  • 🌈 Multiple Color Spaces: Support for HSL, RGB, HEX, and more
  • 📱 Responsive Design: Works perfectly on all devices
  • 🌙 Dark/Light Themes: Beautiful themes for extended design sessions
  • 📋 One-Click Copy: Copy CSS variables, SCSS, or Tailwind config instantly
  • Accessibility First: Built-in WCAG contrast checking
  • 💾 Save & Share: Save your favorite palettes and share with your team
  • 🚀 Lightning Fast: Optimized for performance and speed

Local Development

# Clone the repository
git clone https://github.com/HassanXTech/Prism-Palette.git
cd Prism-Palette

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

🎯 Use Cases

  • Web Design: Create stunning color schemes for websites and applications
  • UI/UX Design: Generate professional color palettes for design systems
  • Brand Identity: Develop cohesive color schemes for brands and logos
  • Mobile Apps: Design beautiful mobile app interfaces with perfect colors
  • Print Design: Create print-ready color combinations
  • Accessibility: Ensure your designs meet WCAG standards

🛠️ Tech Stack

  • Frontend: React 19 + TypeScript
  • Styling: Tailwind CSS
  • Build Tool: Vite
  • Deployment: Vercel
  • Icons: Lucide React
  • State Management: React Hooks

🔧 Configuration

Environment Variables

Create a .env file in the root directory:

VITE_APP_TITLE=Prism Palette Generator
VITE_APP_DESCRIPTION=Generate beautiful soft-UI color palettes
VITE_APP_URL=https://prismpalette.vercel.app

🤝 Contributing

We welcome contributions! Please see our Contributing Guide for details.

Development Setup

  1. Fork the repository
  2. Create a feature branch: git checkout -b feature/amazing-feature
  3. Commit your changes: git commit -m 'Add amazing feature'
  4. Push to the branch: git push origin feature/amazing-feature
  5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

  • React Team: For the amazing framework
  • Tailwind CSS: For the utility-first CSS framework
  • Vite: For the fast build tool
  • Vercel: For the excellent hosting platform
  • Community: For all the feedback and contributions

🌟 Star History

Star History Chart


Made with ❤️ by HassanXTech

If you find this project helpful, please give it a ⭐

About

🎨 Soft‑UI color palette generator with one‑click CSS variables.

Topics

Resources

License

Stars

Watchers

Forks

Contributors