# 3d × # card

Featured Components⚛ TSX Live preview

3D Perspective Tilt Card

Pricing card that rotates in 3D toward the cursor with layered translateZ depth and a moving shine.

10.2k55.6k10.9kOpen

Featured Components⚛ TSX Live preview

3D Flip Reveal Card

A card that flips on its Y axis in 3D to show a gradient back face — works on hover and on tap for touch.

7.3k39.2k8.1kOpen

3D Flip Card Reveal

Three cards that rotate on the Y axis on hover — front face has a glyph, back face carries the details.

HTMLCSSReactAdvanced

31800Open

Featured Components⚛ TSX Live preview

Spotlight tilt pricing card

Glass pricing card that tilts in 3D toward the cursor while a radial spotlight glow chases the pointer.

49800Open

3D Tilt Glare Card · Candy Pink

A pointer-tracked 3D card: it tilts toward the cursor while a glossy glare sweeps across. Rendered in the Candy Pink palette.

49700Open

3D Tilt Glare Card · Royal Gold

A pointer-tracked 3D card: it tilts toward the cursor while a glossy glare sweeps across. Rendered in the Royal Gold palette.

68900Open

3D Tilt Glare Card · Crimson Heat

A pointer-tracked 3D card: it tilts toward the cursor while a glossy glare sweeps across. Rendered in the Crimson Heat palette.

24900Open

3D Tilt Glare Card · Deep Indigo

A pointer-tracked 3D card: it tilts toward the cursor while a glossy glare sweeps across. Rendered in the Deep Indigo palette.

14000Open

3D Tilt Glare Card · Aurora Teal

A pointer-tracked 3D card: it tilts toward the cursor while a glossy glare sweeps across. Rendered in the Aurora Teal palette.

73400Open

3D Tilt Glare Card · Mono Pearl

A pointer-tracked 3D card: it tilts toward the cursor while a glossy glare sweeps across. Rendered in the Mono Pearl palette.

36700Open

3D Tilt Glare Card · Ultra Violet

A pointer-tracked 3D card: it tilts toward the cursor while a glossy glare sweeps across. Rendered in the Ultra Violet palette.

73500Open

3D Tilt Glare Card · Cyber Lime

A pointer-tracked 3D card: it tilts toward the cursor while a glossy glare sweeps across. Rendered in the Cyber Lime palette.

15200Open

UI Elements⚛ TSX Live preview

Card Flip Tilt

Card with 3D tilt on hover and shine sweep.

HTMLCSSReactAdvanced

Card Tilt on Hover

3D card tilt following pointer rotation with glare.

Card Flip 3D

Card flipping to reveal back content on hover.

HTMLCSSReactAdvanced

3D Tilt Product Card

Product card that tilts in 3D following the cursor with layered glow and spec chips.

3D Flip Pricing Card

Pricing card with a 3D flip revealing plan details on hover, plus feature list.

3D Hover Stat Card

Analytics stat card lifting in 3D with sparkline, delta badge and hover sheen.

3D App Showcase Card

App-store style card with layered 3D screenshot stack and download buttons.

3D Rotating Feature Card

Feature card with a slow 3D auto-rotation showing front and back content.

3D Course Certificate Card

Certificate card with 3D seal, achiever info and share actions.

3D NFT Collectible Card

Collectible card with 3D tilt, rarity aura and owner history chips.

3D Course Card Tilt

Course card tilting in 3D with progress ring, instructor chip and lesson count.

Cursor-Track 3D Card

Card tilting in 3D toward the cursor with glare highlight following.

Spotlight Card Tilt

Card with a radial spotlight that moves with the cursor plus tilt.

Depth Card with Layers

Card with parallax inner layers moving at different depths.

Flip Card Reveal

Card flipping on hover to reveal back content in 3D.