ShowcaseComponents
Dock
An implementation of the MacOS dock using react + tailwindcss + framer motion
Installation
Props
Dock
| Prop | Type | Default |
|---|---|---|
className | string | - |
children | ReactNode | - |
magnification | number | 60 |
distance | number | 140 |
direction | string | bottom |
DockIcon
| Prop | Type | Default |
|---|---|---|
size | number | - |
magnification | number | 60 |
distance | number | 140 |
mouseX | any | - |
className | string | - |
children | ReactNode | - |
props | PropsWithChildren | - |
Credits
- Credits to Build UI for this fantastic component