Menu Dock
Icon-and-label navigation dock with animated underline indicator for React
Menu Dock preview
Scroll to load preview
Clean navigation with icons and labels. An animated underline slides to follow your selection. Three sizes: compact, default, and large. Works horizontal for top nav or bottom tabs, vertical for sidebars. Active items highlight with your primary color.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:
use shadcnio to install the menu-dock component into my projectRelated Components
FAQ
Was this page helpful?
Sign in to leave feedback.