3D card components for React

Perspective cards whose layers lift to different depths and a pin card with a rising label — CSS 3D transforms, no WebGL and no three.js.

2 components · free and MIT licensed · install any of them with the shadcn CLI

Depth on demand

Every layer floats at its own height as the card turns toward you.

+130px

Hover or tab in

3D Card

Perspective card that turns toward the pointer while its layers lift to different depths.

Copy, paste and ship animated interfaces.

Card that tilts back as a glowing pin rises with a label chip and rippling rings.