Pricing 37 - Single premium plan spotlight card

Pro

A centered single-plan pricing block with uppercase label, spotlight card, icon feature rows, and purchase CTA.

Shadcn Pricing 37 block

Component data

ID
pricing37
Access
pro
Created
Aug 28, 2025
Type
block
Libraries
Radix UI, Base UI, React Aria
Figma

Pricing 37 block design & features

Pricing37 is a single-plan pricing spotlight built with shadcn/ui, centered on the page with a small uppercase pricing pill, a large tracking-tight headline, and a muted description paragraph. The offer lives inside an Aceternity CardSpotlight shell with rounded corners, housing the plan name, a prominent monthly price, a vertical list of five icon-labeled benefits, and a full-width secondary button linking outward.

The spotlight card uses inverted foreground on a dark interactive surface, with benefit lines at reduced opacity for hierarchy. Icons stay small beside medium-weight labels. Typography scales up on large breakpoints while the card width stays capped for a focused purchase moment.

Premium and product-launch energy, more decorative than a flat bordered pricing card because of the spotlight interaction. Complexity is simple to moderate: one plan price, one CTA, and a handful of icon features to swap. CSS and component-driven flair rather than photography.

The layout remains a single centered column at all breakpoints, with padding keeping the card readable on narrow phones.