Make your AI a shadcn expert

Dock

macOS-style dock with magnifying icons and tooltips for React

Dock preview

Scroll to load preview

Icons grow as your cursor approaches with smooth animations. Tooltips show on hover. Configure magnification strength, spring tension, and panel height. Wrap your icons in DockItem and DockIcon, add DockLabel for hover text. Great for portfolios or dashboards.

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 dock component into my project

FAQ

Was this page helpful?

Sign in to leave feedback.