Quick Start
Using Next.js (App Router) instead? Read the Next.js quick start.Get an Algorize UI component on screen in a new React + Vite app. For an existing
project, follow the Installation guide instead.
1. Create a Vite app
2. Set up Tailwind and the path alias
Add the alias to
compilerOptions in both tsconfig.json and
tsconfig.app.json:3. Initialize shadcn
Creates
components.json and the cn helper every component imports.4. Register the registry
Tells the CLI where
@algorize-ui/… components live.5. Add a component
This writes
src/components/custom/blocks/CardBlock.tsx into your project.6. Use it
Run
npm run dev and open http://localhost:5173.Next steps
- Pick a theme and paste it into
src/index.css - Browse all components — each page has an install command and a usage example