Skip to content

Interactive React Cards

Containers with a sense of depth and material. Use a flip, fold, peel, or restrained highlight to reveal content while keeping the card's copy and actions in your control.

Components in this category

A paper flap lifts in 3D as a message slides out of its envelope.

A lightly textured receipt pairs precise item rows with a torn paper edge.

A suspended badge swings naturally after you drag and release its handle.

Fine metallic grooves catch a shifting iridescent pointer highlight.

A precision-cut card with chamfered corners and a folded accent.

A dimensional cover swings open to reveal the page inside.

Textured paper, die-cut notches, and a perforated stub with a subtle pointer tilt.

A dimensional folder opens to fan out its contents.

A paper corner curls upward and rolls back to reveal the face beneath.

Cards collect into a layered stack as you scroll.

A card with pointer-driven perspective and a moving reflection.

Two faces, one card. Flip it with a keyboard-accessible control.

A soft highlight that follows the pointer across your card.

A moving gradient border around your content.

A code block with an interactive holographic surface.