Coming Soon

Start building in seconds, not hours.

The bonk accelerator scaffolds a complete project with every component, layout, and design token pre-configured and ready to customize.

Maple seedling sprouting from its seed
Features

Everything you need, nothing you don't.

One Command Setup

Run a single npx command and get a fully configured Next.js project with the entire bonk UI library ready to go.

Pre-configured Stack

Next.js 16, Tailwind v4, Base UI, dark mode, and the full semantic color system — all wired up out of the box.

Your Brand, Instantly

The CLI prompts for your company name, tagline, and brand initials. Every constant and layout updates automatically.

Production Ready

Includes Navbar, Footer, PageHero, accessible components, SEO metadata, and a clean project structure to build on.

Get Started

Run the command below to scaffold a new project. The CLI will prompt you for your brand name, initials, and tagline — or pass --yes to use defaults.

npx create-bonk-app my-app

Then start the dev server:

cd my-app && pnpm dev

What you get

  • src/ui/ — Full design system primitives (Button, Card, Dialog, etc.)
  • src/layout/ — Navbar, Footer, and MobileMenu
  • src/components/ — PageHero, CardGrid, Lightbox
  • src/constants/ — Brand, navigation, contact, and social config
  • src/styles/ — Tailwind v4 design tokens
  • src/utils/ — cn() class merging utility