Setting up VibeUI in your Next.js project takes less than 2 minutes.
First, ensure you have a Next.js project with Tailwind CSS configured.
npx create-next-app@latest my-vibe-app --typescript --tailwind --eslint
npm install framer-motion lucide-react clsx tailwind-merge
Add the VibeUI color palette to your globals.css to enable the premium aesthetic.
@theme { --color-background: #0a0a0a; --color-foreground: #ededed; --color-accent-blue: #3b82f6; --color-accent-violet: #8b5cf6; }