Quick Start

Install via the CLI

You can quickly add components to your project with the Neobrutal UI CLI.

1. Initialize your project

npx neobrutal init

2. Add a component

npx neobrutal add button

3. Import and use

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

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

Manual Installation

Follow these steps to add components to your project without the CLI

1. Install dependencies

npm install class-variance-authority clsx tailwind-merge

2. Create the utility function

Add this to lib/utils.ts

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

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

3. Copy the component

Browse to any component page, open the Code tab, and copy the source into components/ui/. Install Base UI if required.