Dock

Docs

Dock

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

Dock

npx nyxbui@latest add dock

Props

Prop	Type	Description	Default
className	string	Custom CSS class for styling	-
children	ReactNode	Children elements	-
magnification	number	Level of icon magnification	60
distance	number	Distance from cursor to magnify icon	140

Prop	Type	Description	Default
size	number	Size of the icon	-
magnification	number	Level of icon magnification	60
distance	number	Distance from cursor to magnify icon	140
mouseX	any	Mouse X position for magnification	-
className	string	Custom CSS class for styling	-
children	React.ReactNode	Children elements	-
props	PropsWithChildren	Additional props	-