🚀 CompAi

💡 Tired of creating the same components again and again? With CompAi, you can instantly generate reusable components for multiple languages & frameworks — saving time and boosting productivity.

👉 Live Demo: https://compai-ruddy.vercel.app

🎥 Demo video also available!

✨ Features

⚡ Generate reusable components in different stacks:

HTML & CSS

JSX + TailwindCSS

HTML + TailwindCSS

React Native

Flutter & Dart

Python (Django & Flask)

Java & Spring

🎨 Clean & simple UI

📂 Code export with proper file extensions

🌍 Open-source and contribution friendly

🛠️ Tech Stack

Frontend: React, TailwindCSS

Backend (optional if you expand): Node.js / Express

AI Integration: Gemini API (Google Generative AI)

Deployment: Vercel

🚀 Getting Started

Clone the repo

git clone https://github.com/your-username/compai.git cd compai

Install dependencies

npm install

Add environment variables Create a .env file and add your Gemini API key:

GEMINI_API_KEY=your_api_key_here

Run the project

npm run dev

🤝 Contributing

Contributions are welcome! 🙌

Fork the repo

Create your feature branch (git checkout -b feature-name)

Commit your changes (git commit -m 'Add new feature')

Push to the branch (git push origin feature-name)

Open a Pull Request

🙏 Acknowledgements

Special thanks to:

W3Schools

JavaScript Mastery

Google Gemini API

freeCodeCamp

MDN Web Docs

Traversy Media

Fireship

…and many more amazing resources & communities 🙌

📜 License

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

👉 Ready to skip repetitive coding? Generate → Copy → Ship with CompAi 🚀