Getting started

Installation

Add the tokens once, then install sections one at a time.

Last updated

Requirements

  • React 19 and Tailwind CSS v4
  • A project set up with shadcn init

Install the tokens

Every section reads the same tokens, so they come first.

npx shadcn@latest add @facade/tokens

Import the stylesheet

Import the file after Tailwind in your global stylesheet, so the tokens can override its defaults.

@import "./facade-tokens.css";

Add a section

Install any section by name. Its dependencies come with it, and the source lands in your project.