The building blocks
of mukoko
Production-ready UI components rooted in the Five African Minerals palette. Install directly into your project with the shadcn CLI. No packages, no lock-in -- just code you own.
How it works
Three steps. Zero friction.
Install from the registry
Use the shadcn CLI to add any component. Dependencies and tokens resolve automatically.
npx shadcn@latest add https://registry.mukoko.com/api/r/buttonOwn your code
Components land in your project as source files. Full ownership, zero hidden dependencies.
components/ui/button.tsxInherit the brand
Five African Minerals built in. Swap tokens to match your product, or ship as-is.
<Button variant="outline">Ship it</Button>Live Preview
See them in action
Interactive previews of components from the registry. Click the copy icon to grab the install command.
button
Versatile button component with multiple variants and sizes.
badge
Small status indicators and labels.
card
Container with header, content, and footer sections.
input
Form input fields with label support.
switch
Toggle controls for binary states.
Dashboard
Project overview and key metrics.
tabs
Layered content sections with tab navigation.
avatar
User representation with image fallbacks and grouping.
Full Catalog
All 61 components
Click any component to copy its install command.