Installation

1. Create or open a project

Any React project with Tailwind CSS v4 works. To start fresh:

npm create vite@latest my-app -- --template react-ts

2. Add the tokens

Download tokens.css and theme.css, then import both in your main stylesheet, after Tailwind:

@import "tailwindcss";
@import "./tokens.css";
@import "./theme.css";

3. Add a component

Open any component, switch to the Code tab, and copy the file into src/components/ui/. Free components need no account.

4. Pro components

Log in with the email you used at checkout. Pro components show a Show code button on the Code tab. Every reveal counts as a download for the refund policy.