New project
No app yet? Create a Next.js or Vite project ready for components.
Pick a framework
Components need React 19, TypeScript, Tailwind CSS v4 and the @/* import alias. Follow only the steps for your framework.
Your framework:
Create a project
$pnpm create next-app@latest my-appAccept the defaults: TypeScript, Tailwind and the
@/*alias are all switched on.Install components
The project is ready. Follow Installation from inside it: one command to set up, then one per component.
Create a project
$pnpm create vite my-app --template react-tsAdd Tailwind
$pnpm add tailwindcss @tailwindcss/viteReplace everything in your main CSS file with one line:
1@import "tailwindcss";Add the @/* path alias
Components import each other through
@/, so point it atsrcin both files:1{2"compilerOptions": {3"baseUrl": ".",4"paths": { "@/*": ["./src/*"] }5}6}1import path from "node:path";2import tailwindcss from "@tailwindcss/vite";3import react from "@vitejs/plugin-react";4import { defineConfig } from "vite";56export default defineConfig({7plugins: [react(), tailwindcss()],8resolve: { alias: { "@": path.resolve(__dirname, "./src") } },9});Install components
The project is ready. Follow Installation from inside it: one command to set up, then one per component.