Create your project
Scaffold a new React + Vite project, then navigate into the directory:
npm create vite@latest my-app -- --template react-ts cd my-app && npm install
Run the CLI
Initialize SDAIA UI from your project root. The CLI detects Vite and configures Tailwind, dependencies, and directory structure automatically.
npx sdaia-ui@latest init
Configure your CSS
Open src/index.css and add the two lines below after @import "tailwindcss";:
@import "tailwindcss";
@import "@sdaia-ds/tokens/css";Add a component
Use the CLI to copy any component directly into your project:
npx sdaia-ui@latest add button
Import and use
Import the component from your local components directory and use it in your app:
import { Button } from '@/components/button';
export default function App() {
return <Button>Click me</Button>;
}