Design System

Campus One ships its UI library as a public shadcn registry. If your project already uses shadcn/ui, you can install any of our components, the full theme, hooks, or utilities with a single CLI command — no copy-paste, no fork.

What's in the registry

60+ components — the full shadcn/ui set (Button, Card, Dialog, etc.) plus our own additions: app-icon, button-group, combobox, empty, field, input-group, item, kbd, native-select, spinner
The Campus One theme — Nile blue brand palette, light + dark tokens, status colors, and density variables (regular + compact)
Hooks — currently use-mobile
Utilities — the cn() helper

Every item is hosted at https://docs.campusone.com.ng/r/<name>.json and ready for shadcn add.

Quick start

npx shadcn@latest add https://docs.campusone.com.ng/r/theme.json
npx shadcn@latest add https://docs.campusone.com.ng/r/button.json

The CLI fetches the JSON, drops the files into the right place based on your components.json aliases, installs any npm dependencies, and pulls in any registry dependencies (like the cn() util).

Where to go next

Installation

Set up shadcn in your project and point at the Campus One registry

Theme

Brand palette, dark mode, status tokens, density variables

Fonts

Load Inter and Instrument Serif from Google Fonts

Components

Browse every component with its install command