React Bits

Pixel Card

Card content revealed through pixel expansion transition.

Pixel Card, a React Bits component

Use Pixel Card 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/PixelCard-TS-TW
How to install React Bits components

Related components

  • Profile Card

    A framed profile card that tilts toward the cursor, with holographic foil shining through a tiled pattern.

  • Card Nav

    Expandable navigation bar with card panels revealing nested links.

  • Card Swap

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