Abstract technology background with glowing blue and purple lines on a dark background.
NextGen Toolkit

NextGen Toolkit

Automated setup and component generation for your Next.js projects. Blazingly fast, visually stunning.

Dependency Manager

Core dependencies are automatically detected and ready for your project.

  • tailwindcss & ecosystem
  • firebase
  • lucide-react
  • clsx & tailwind-merge
Styling & Config

Tailwind CSS is configured with theme-aware CSS variables for easy customization.

@layer base {
  :root {
    --background: 210 40% 98%;
    --primary: 231 77% 70%;
    --accent: 261 59% 62%;
  }
}
Project Structure

A clean, scalable directory structure based on the Next.js App Router.

src/

├── app/ (Pages & Layouts)

├── components/ (Reusable Components)

├── lib/ (Utilities & Data)

└── globals.css (Global Styles)

Component Library

A set of pre-built, production-ready UI components from shadcn/ui.