Glass Dock
A macOS-style dock with glassmorphism effect, smooth magnification animations, and morphing SVG icons.
Install using CLI
npx shadcn@latest add "https://obsidianui.dev/r/glass-dock.json"Install Manually
1
Install dependencies
2
Copy the source code
Copy into components/ui/glass-dock.tsx
Props
| Prop Name | Type | Default | Description |
|---|---|---|---|
| items | DockItem[] | Required | Array of dock items with title, icon, and optional onClick/href |
| dockClassName | string | - | Additional class for the dock container |