25
This guide will walk you through the installation steps for using Neobrutal UI via the CLI.
npx neobrutal initnpx neobrutal add buttonimport { Button } from "@/components/ui/button"
export default function Page() {
return <Button>Click me</Button>
}Follow these steps to add components to your project without the CLI
npm install class-variance-authority clsx tailwind-mergeAdd 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))
}Browse to any component page, open the Code tab, and copy the source into components/ui/. Install Base UI if required.
Don't use React? Every component includes a plain HTML version with Tailwind classes. Open any component page, select the Code tab, switch to HTML, and paste it into the Tailwind CSS Playground to try it out.