Smart Theming Engine (ChromaShift) is an AI-powered tool that analyzes visual elements to generate beautiful, accessible UI themes. By extracting color palettes and intelligently calculating symmetry, it helps designers and developers create responsive, harmonious themes for modern web applications.
- AI-Driven Theme Generation: Analyze images or UI elements to auto-generate color palettes and themes.
- Palette Extraction: Identify primary, secondary, and accent colors from screenshots or images.
- Accessibility: Smart contrast checking to ensure generated themes are accessible.
- Responsive Design: Create themes that work on desktop and mobile.
- Export Options: Download generated themes as CSS variables or JSON.
- Simple Web Interface: Built with Streamlit for instant, interactive theme previewing.
- Backend: Python (color analysis, core logic)
- Frontend: Streamlit (interactive web UI)
- Other: HTML, CSS, JavaScript (as needed for exports)
- Image Processing: Python imaging libraries (e.g., PIL, OpenCV)
-
Clone the Repository
git clone https://github.com/Chidi09/smart-theming-engine.git cd smart-theming-engine -
Install Dependencies
python -m venv venv source venv/bin/activate # On Windows: venv\Scripts\activate pip install -r requirements.txt
-
Run the Application
streamlit run app.py
-
Open Your Browser
- Visit
http://localhost:8501(Streamlit’s default) or the displayed URL.
- Visit
- Upload an image or screenshot of your UI/website.
- The app will extract dominant colors and generate a suggested theme.
- Adjust and preview the theme live.
- Export theme variables for use in your own project.
Contributions are welcome! Please fork the repository and submit a pull request, or open an issue for suggestions and bugs.
MIT License
- Developer: Nneji Chidi Ben
- GitHub: Chidi09
- Email: chidiisking7@gmail.com
Built with ❤️ to make beautiful, accessible theming easy for everyone.
Let me know if you’d like to add screenshots or API examples!