Skip to Content

mukoko-bottom-nav

ui

Mobile-only bottom navigation bar for Mukoko ecosystem apps. Fixed to bottom with backdrop blur, active state indicator using mineral accent colors, and safe area padding.

Use cases

  • Mobile navigation for Mukoko apps
  • Persistent bottom tab bar on small screens
  • Quick access to primary app sections

Features

  • Mobile-only (hidden on md+ breakpoint)
  • Fixed positioning with backdrop blur
  • Active state with mineral accent colors
  • Safe area padding for notched devices
  • Active icon variant support
  • Automatic pathname-based active detection

Preview

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

Home
Explore
Library
Settings

Installation

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

API

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

GET/api/v1/ui/mukoko-bottom-nav

Source

components/mukoko/mukoko-bottom-nav.tsx