Dock

A macOS-style magnifying dock powered by shared motion values and spring-smoothed icon sizing.

Library

Skecher UI

Framework

React

Type

ui

Dependencies

motion

Install

bunx --bun shadcn@latest add CoDesign-Spa27/skecher-ui/dock

Files

• components/ui-components/dock.tsx
• lib/utils.ts

Source

https://github.com/CoDesign-Spa27/skecher-ui

Categories

• Dock Components
• React Dock Components
• Tailwind CSS Dock Components
• Animated Dock Components
• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Animated Navigation Components

More from Skecher UI

• Morphing Action Dock
• 3D Wheel Carousel
• Add to Cart
• AI Chat Box
• AI Orb
• Animated Book
• Apple Mail Tabs
• Cookie Consent
• Dither Credit Card
• Expandable Mobile Nav
• Gooey Toolbar
• Image Density Grid