Installation

Setting up VibeUI in your Next.js project takes less than 2 minutes.

Project Setup

First, ensure you have a Next.js project with Tailwind CSS configured.

1. Create New Project

bash
npx create-next-app@latest my-vibe-app --typescript --tailwind --eslint

2. Install Dependencies

bash
npm install framer-motion lucide-react clsx tailwind-merge

Theming

Add the VibeUI color palette to your globals.css to enable the premium aesthetic.

css
@theme {
  --color-background: #0a0a0a;
  --color-foreground: #ededed;
  --color-accent-blue: #3b82f6;
  --color-accent-violet: #8b5cf6;
}