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 projectRelated Components
FAQ
Was this page helpful?
Sign in to leave feedback.