# glassmorphism

Site Templates Live preview

Halo — Glassmorphism Mobile App Promo

Floating frosted-glass phone mockup with drifting color blobs, staggered glass cards, animated progress and a glass dock.

4k33.8k4.5kOpen

Spotlight Border Card

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

34400Open

UI Elements Live preview

Frosted Glass Pricing Cards

Backdrop-blur pricing tiers floating over animated aurora blobs; the popular plan scales up with a gradient flag.

29800Open

Featured Components Live preview

macOS Magnetic Dock

Frosted dock bar where nearby icons swell and lift with spring physics — hover distance drives the scale.

40200Open

Featured Components 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

Glass Navbar Pill · Ultra Violet

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Ultra Violet palette.

77200Open

Glass Navbar Pill · Cyber Lime

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Cyber Lime palette.

26500Open

Glass Navbar Pill · Sunset Amber

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Sunset Amber palette.

28400Open

Glass Navbar Pill · Rose Gold

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Rose Gold palette.

33400Open

Glass Navbar Pill · Ocean Sky

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Ocean Sky palette.

25800Open

Glass Navbar Pill · Mint Breeze

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Mint Breeze palette.

38600Open

Glass Navbar Pill · Candy Pink

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Candy Pink palette.

35400Open

Glass Navbar Pill · Royal Gold

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Royal Gold palette.