Getting Started

Welcome to the mukoko registry — the canonical design system for the Mukoko ecosystem. This registry serves 82 production-ready React UI components, 3 hooks, and 9 library utilities, all built on the Five African Minerals design system.

What is the registry?

The Mukoko Registry is three things in one:

Quick start

1. Install a component

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/button

2. Set up theming

Copy the Five African Minerals CSS custom properties into your globals.css. See the Theming guide for the full token set.

3. Use the component

import { Button } from "@/components/ui/button"
 
export function MyPage() {
  return <Button variant="default">Get Started</Button>
}

Explore the docs