# card × # glassmorphism

HTMLCSSJavaScriptAdvanced

Spotlight Border Card

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

34400Open

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.