Back to Cards
Pricing
A pricing tier card in a frosted-glass 'Popular' treatment — a contained ambient glow, backdrop blur, and an inset highlight ring.
Cardscardpricingctaglass
Stack: React + Tailwind CSS + shadcn/ui — every prompt is written for this stack and is most accurate in it.
Dependencies: lucide-react
Overview
Glass
backdrop-blur-xl + bg-background/70 (true glass, not a tint)
Glow
Contained via overflow-hidden — never bleeds past the card edge
Highlight
ring-1 ring-inset ring-foreground/10 inner edge light
Accessibility
Check icons decorative, sr-only '(recommended)' suffix