Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: Safari
Next: Limelight Nav

Dock

macOS-style dock with magnifying icons and tooltips for React

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.

Dock preview

Scroll to load preview

Installation

macOS Dock

Full macOS dock replica

Menu Dock

Labeled icon dock

Magnetic

Magnetic cursor effect

FAQ

Was this page helpful?

Sign in to leave feedback.

Safari

macOS Safari browser mockup with realistic toolbar for React

Limelight Nav

Icon navigation bar with animated spotlight indicator for React