VibeCN — AI-Powered Theme Generator

VibeCN is a web app that lets developers instantly generate Tailwind and Shadcn/UI themes using AI. You upload a design screenshot, and the app extracts an intelligent color palette through Gemini AI, then applies those colors across Shadcn components in real time. The goal is to help designers and developers translate visual inspiration into clean, production-ready theme configurations without manual tweaking.

I built VibeCN entirely from scratch—handling everything from UX design and front-end architecture to backend logic, AI integration, and deployment. The app is built with Next.js, Tailwind CSS, and Shadcn/UI, with Gemini powering color extraction and contextual suggestions.

Every interaction, animation, and component was handcrafted for responsiveness and clarity, ensuring a seamless user experience. I also set up the deployment pipeline, performance optimizations, and caching for fast, reliable use across devices.

In short, VibeCN combines clean design, robust engineering, and smart AI to make theme creation effortless.