Spectra UI
ShowcaseComponents

Dock

An implementation of the MacOS dock using react + tailwindcss + framer motion

Installation


npx spectraui-cli add globe

Props


Dock

PropTypeDefault
className
string
-
children
ReactNode
-
magnification
number
60
distance
number
140
direction
string
bottom

DockIcon

PropTypeDefault
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

On this page