Astra

Dock

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

Dock, a Astra 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 Astra components

Related components

  • Bounce Cards

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

  • Counter

    An odometer-style number whose digits roll to every new value, with currency, separators and locales.

  • Glass Surface

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