React Bits

Dock

macOS style dock with smooth magnification, launch bounce, badges and context menus.

Dock, a React Bits component

Use Dock in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/Dock-TS-TW
How to install React Bits components

Related components

  • Bounce Cards

    A fan of photo cards that bounce in, then spread apart and straighten the one you hover.

  • Glass Surface

    Apple-style liquid glass that bends what is behind it, in a rounded panel or any logo shape.

  • Model Viewer

    A product-style 3D model viewer that frames itself and floats over a soft shadow.