React Bits

Bounce Cards

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

Bounce Cards, a React Bits 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 React Bits 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.