design-infraReport a problem or share feedback← Catalog
Dock
freemotion-primitives/dock
A macOS-style dock component with scaling and movement effects.
$
npx shadcn@latest add @motion-primitives/docknpm deps: motion
- Source
- Motion Primitives
- Kind
- component
- Categories
- navigation
- Use as
- drop-in — replaces your component
- Applies to
- navigation
- Motion
- on hover · medium · motion · medium cost
- Tags
- motion
- Licence
- MIT (ibelick/motion-primitives). Motion Primitives Pro is a separate paid product — not catalogued.
- Live demo
- motion-primitives.com
- Docs
- motion-primitives.com
Similar
Compare all 4 →- Toolbar Dynamicmotion-primitives/toolbar-dynamicToolbar that expands into a search/input panel. Hard-codes zinc/white — swap to bg-popover/border/text-muted-foreground before using.
- Floating Dockaceternity/floating-dockmacOS-style dock nav. Great for portfolios/side projects; overkill for SaaS nav. Needs @tabler/icons-react.
- Resizable Navbaraceternity/resizable-navbarNavbar that shrinks into a pill on scroll — the standard 'modern landing page' nav.