@vibe/create-app

Create a new Vibe app with Next.js, Tailwind CSS, and custom VW responsive system.

Quick Start

npm create @vibe/create-app@latest my-app
cd my-app
npm run dev

Open http://localhost:3000 to view your app.

What's Included

• ⚡ Next.js 16 - Latest React framework with App Router
• 🎨 Tailwind CSS v4 - Utility-first CSS framework
• 📱 VW Responsive System - Custom responsive utilities that scale perfectly
• 🧩 Shadcn/ui - Beautiful, accessible components
• 🔒 TypeScript - Type-safe development
• 🚀 ESLint - Code quality & consistency

VW System

The VW (viewport-width) system automatically scales your design from Figma mockups:

// Design once in Figma (1920px desktop, 375px mobile)
// These utilities automatically scale to any device
<h1 className="text-vw-4xl">Responsive heading</h1>
<div className="p-vw-6">Responsive padding</div>

Documentation

• Full Documentation
• VW System Guide
• API Reference

Available Scripts

npm run dev      # Start development server
npm run build    # Build for production
npm start        # Start production server
npm run lint     # Run ESLint

Optional: Supabase

During setup, you can choose to add Supabase integration for:

• User authentication
• Real-time database
• File storage

Community

• GitHub
• Discord

License

MIT © Vibe Dev