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