# pricing × # 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

Spotlight tilt pricing card

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

49800Open

Featured UI Elements Live preview

Rotating conic glow border card

A 2px conic-gradient border slowly spins around a glass card via @property angle animation — pro upgrade cards.

HTMLCSSSimple

44500Open

Featured Components⚛ TSX Live preview

Glass Pricing Card · Ultra Violet

A frosted-glass pricing card with a popular ribbon, feature checklist and gradient CTA. Rendered in the Ultra Violet palette.

23300Open

Glass Pricing Card · Cyber Lime

A frosted-glass pricing card with a popular ribbon, feature checklist and gradient CTA. Rendered in the Cyber Lime palette.

35800Open

Glass Pricing Card · Sunset Amber

A frosted-glass pricing card with a popular ribbon, feature checklist and gradient CTA. Rendered in the Sunset Amber palette.

52500Open

Glass Pricing Card · Rose Gold

A frosted-glass pricing card with a popular ribbon, feature checklist and gradient CTA. Rendered in the Rose Gold palette.

31300Open

Glass Pricing Card · Ocean Sky

A frosted-glass pricing card with a popular ribbon, feature checklist and gradient CTA. Rendered in the Ocean Sky palette.

23700Open

Glass Pricing Card · Mint Breeze

A frosted-glass pricing card with a popular ribbon, feature checklist and gradient CTA. Rendered in the Mint Breeze palette.

36900Open

Glass Pricing Card · Candy Pink

A frosted-glass pricing card with a popular ribbon, feature checklist and gradient CTA. Rendered in the Candy Pink palette.

70300Open

Glass Pricing Card · Royal Gold

A frosted-glass pricing card with a popular ribbon, feature checklist and gradient CTA. Rendered in the Royal Gold palette.

11500Open

Pricing Toggle Card

Monthly/yearly pricing card with a springy toggle that updates prices with a count-up.

000Open

3D Flip Pricing Card

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