Dock
An implementation of the MacOS dock using react + tailwindcss + framer motion
Installation
Examples
Custom Direction
Custom magnification
Usage
Props
Dock
| Prop | Type | Default | Description |
|---|---|---|---|
className |
string |
- |
Custom CSS class for styling |
children |
ReactNode |
- |
Children elements |
iconSize |
number |
40 |
Size of the icon |
iconMagnification |
number |
60 |
Level of icon magnification |
iconDistance |
number |
140 |
Distance from cursor to magnify icon |
direction |
string |
` |