Ocupop Design System
The components
we actually ship.
An internal shadcn/ui registry of production-ready Astro + React components — branded to match Ocupop, ready to drop into any project.
install component
$ npx shadcn@latest add \
https://registry.ocupop.com/r/button
✓ Adding button component...
✓ Installing dependencies...
✓ Done in 1.2s
Getting started
From registry to running in three steps.
01
Browse the library
Explore the full registry in Component Docs. Each entry has live previews, prop tables, and usage examples.
02
Run the install command
Copy the shadcn CLI command from any component page and run it in your project — it adds only what you need.
03
Customize and ship
Components land in your codebase fully editable, already wired to Ocupop's design tokens. Change what you need, keep the rest.
npx shadcn@latest add https://registry.ocupop.com/r/[component]