Astra

Bounce Cards

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

Bounce Cards, a Astra component

Use Bounce Cards 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/BounceCards-TS-TW
How to install Astra components

Related components

  • Card Swap

    A 3D stack of cards that sends the front card to the back on a timer, or when you fling it.

  • Chroma Grid

    A grid of grayscale photo cards where a spotlight follows the cursor and brings back color.

  • Circular Gallery

    A curved image gallery you can drag, scroll or tab through, with cards that open to the full image.