Quick Start

Using the CLI

The CLI is the recommended approach. It installs dependencies and places components in the correct directories automatically.

npx neobrutal init

npx neobrutal add button

import { Button } from "@/components/ui/button"

export default function Page() {
  return <Button>Click me</Button>
}

Manual Installation

Copy component code directly from the documentation into your project.

npm install class-variance-authority clsx tailwind-merge

import { clsx, type ClassValue } from "clsx"
import { twMerge } from "tailwind-merge"

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}

HTML Only

Every component includes an HTML version with Tailwind classes. No React required. Open any component page, select the Code tab, then switch to HTML.

Next Steps