Skip to content

Create stunning, responsive CSS themes in seconds using this AI-powered UI Theme Generator built with the Groq API. Just enter a prompt & get clean code.

License

Notifications You must be signed in to change notification settings

thearmanqureshi/AI-Theme-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

66 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AI Theme Generator

Overview

The AI Theme Generator is a web-based application that leverages AI to generate custom UI themes based on user preferences. This tool is designed to help developers and designers quickly create aesthetically pleasing themes for web applications.

Features

  • AI-powered theme generation based on user input
  • Dynamic color scheme suggestions
  • Customizable typography and spacing options
  • Real-time preview of generated themes
  • Easy integration with web projects

Tech Stack

  • Frontend: HTML, CSS, JavaScript
  • AI Integration: Groq API (LLaMA 3)
  • Deployment: Vercel

Preview

Desktop Preview Mobile Preview

Installation

Prerequisites

Ensure you have the following installed:

  • Node.js (Env API Key Or Set API Key Manually)
  • Vercel CLI (for deployment)

Steps

  1. Clone the repository:
    git clone https://github.com/thearmanqureshi/AI-Theme-Generator.git
    cd AI-Theme-Generator
  2. Open index.html in a browser to run the application locally.

Deployment

To deploy on Vercel:

  1. Install Vercel CLI:
    npm install -g vercel
  2. Login to Vercel:
    vercel login
  3. Deploy the project:
    vercel

Usage

  1. Visit the deployed application.
  2. Input your preferences (color scheme, typography, etc.).
  3. Generate a theme using AI.
  4. Preview and export the generated theme for integration into your project.

Contribution

Contributions are welcome! Follow these steps:

  1. Fork the repository.
  2. Create a feature branch (git checkout -b feature-name).
  3. Commit changes (git commit -m "Added new feature").
  4. Push to the branch (git push origin feature-name).
  5. Open a pull request.

License

This project is licensed under the Apache License 2.0.

Contact

For any queries, reach out via thearmanqureshi@gmail.com or open an issue on GitHub.

About

Create stunning, responsive CSS themes in seconds using this AI-powered UI Theme Generator built with the Groq API. Just enter a prompt & get clean code.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published