DOCS

Quick setup

The same starting point for my projects.

1. Initialize

npx shadcn@latest init --preset b7PcNrWanY --template next --pointer

React, Base UI, Tailwind 4 and TypeScript.

npx shadcn@latest add http://localhost:3000/r/button.json

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

export function Example() {
  return <Button variant="outline">Save draft</Button>
}

Edit the installed source. Set colors and radius through the semantic tokens in your global CSS.

:root {
  --primary: #e15829;
  --primary-foreground: #171717;
  --radius: 0.625rem;
}