Skip to Content

mukoko-header

ui

Standardized sticky header for all Mukoko ecosystem apps. Includes logo with app name suffix, desktop navigation, theme toggle, and mobile sidebar trigger.

Use cases

  • Main navigation bar for all Mukoko apps
  • App header with branding and theme toggle
  • Desktop nav with mobile sidebar trigger

Features

  • Sticky positioning with backdrop blur
  • MukokoLogo with app name suffix
  • Desktop horizontal navigation links
  • Mobile sidebar trigger integration
  • Custom actions area (right side)
  • Theme toggle always present
  • External link indicators

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

mukoko registry
Theme

Installation

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

Dependencies

lucide-reactbuttonsidebar

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/mukoko-header

Source

components/mukoko/mukoko-header.tsx