# card

Featured UI Elements⚛ TSX 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.

44500Open

Glass lift cards with light tracking

Frosted stat cards that lift on hover while a soft light pool tracks the cursor along their top edge.

34800Open

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

Gradient Profile Card · Aurora Teal

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Aurora Teal palette.

50500Open

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

Gradient Profile Card · Crimson Heat

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Crimson Heat palette.

17000Open

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

Profile Card with Stats Row

Rich profile card with cover gradient, avatar ring, bio, stats row and follow button.

Card Flip 3D

Card flipping to reveal back content on hover.

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

Glass Login Card with Split CTA

Split login card with brand panel, social sign-in, password visibility toggle and validation states.

3D Flip Pricing Card

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

Gradient Profile Card · Candy Pink

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Candy Pink palette.

53400Open

Spotlight Border Card

A glass card whose gradient border and inner glow follow the cursor position — mask-composite trick, no canvas.

34400Open

Creator Card with Verify Badge

Creator profile card with verified badge, follower count, tags and subscribe pill.

Gradient Profile Card · Deep Indigo

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Deep Indigo palette.

69100Open

3D Hover Stat Card

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

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

Featured UI Elements⚛ TSX Live preview

Orbiting border beam card

A bright light travels around the card's border via an animated conic-gradient mask and @property angle.

46500Open

Team Member Card Grid

Team grid card with role, social links, skill tags and hover accent ring.

3D App Showcase Card

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

Aura Product Card · Rose Gold

Glassy storefront card: gradient artwork, size chips, price, and an add-to-cart that snaps to ✓ Added. Rendered in the Rose Gold palette.

77300Open

Aura Product Card · Ultra Violet

Glassy storefront card: gradient artwork, size chips, price, and an add-to-cart that snaps to ✓ Added. Rendered in the Ultra Violet palette.

23300Open

Podcast Host Card

Podcast host card with episode count, listener stats and follow CTA.

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

Gradient Profile Card · Royal Gold

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Royal Gold palette.

20200Open

Aura Product Card · Cyber Lime

Glassy storefront card: gradient artwork, size chips, price, and an add-to-cart that snaps to ✓ Added. Rendered in the Cyber Lime palette.

69800Open

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

UI Elements⚛ TSX Live preview

Radio Card

Radio select styled as a card with ring highlight when chosen.

Instructor Card with Courses

Course instructor card listing mini courses, ratings and schedule chip.

Aurora Traveling Border Card

A conic-gradient border light that endlessly orbits the card using @property angle animation and blur glow.

30200Open

3D Rotating Feature Card

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

Athlete Card with Heatmap

Athlete profile card with activity heatmap, PR stats and season chip.

3D Course Certificate Card

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

UI Elements⚛ TSX Live preview

Bordered Card Frame

Card with gradient border glow using border-image trick.

Spotlight tilt pricing card

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

49800Open

UI Elements⚛ TSX Live preview

Card Flip Tilt

Card with 3D tilt on hover and shine sweep.

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

Holographic iridescent tilt card

Trading-card style rainbow sheen (color-dodge) tracks the pointer over a 3D-tilting glass pass card.

47700Open

Startup Profile Card

Company profile card with funding round, team avatars, HQ and website.

Direction-aware hover glow card

A 300px radial light follows the cursor and snaps in from the edge the pointer entered from.

37610Open

3D NFT Collectible Card

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

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

Cursor-Track 3D Card

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

Mentor Card with Availability

Mentor profile with hourly rate, availability chips and intro video button.

3D Course Card Tilt

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

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.

Card Tilt on Hover

3D card tilt following pointer rotation with glare.

010Open

Aura Product Card · Ocean Sky

Glassy storefront card: gradient artwork, size chips, price, and an add-to-cart that snaps to ✓ Added. Rendered in the Ocean Sky palette.