# pricing

Featured Components⚛ TSX Live preview

3D Perspective Tilt Card

Pricing card that rotates in 3D toward the cursor with layered translateZ depth and a moving shine.

10.2k55.6k10.9kOpen

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

Spotlight tilt pricing card

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

49800Open

Featured UI Elements 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

Pricing monthly/yearly toggle

Pill toggle switches prices between monthly and yearly (-20%) with a number roll transition; middle plan highlighted.

37400Open

Selectable pricing radio cards

Plan picker where whole cards are radio targets — checked card gets a gradient border, filled tick and glow.

35600Open

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

Site Templates Live preview

Fleet — Car Sharing Landing

Modern car-sharing landing with vehicle picker, pricing slider and coverage map.

Site Templates Live preview

Vertex — Analytics Product Landing

Data-analytics landing with animated charts, feature accordion and pricing toggle.

Site Templates Live preview

Signal — Live Chat Tool Landing

Support chat landing with live widget preview, integrations and pricing.

Pricing Toggle Card

Monthly/yearly pricing card with a springy toggle that updates prices with a count-up.

Comparison Table

Pricing comparison table with checkmarks, highlights and CTA row.

Kite — Cloud Storage Pricing

Three-tier pricing page for a cloud storage product with monthly/yearly toggle, feature comparisons and a highlighted popular plan.

Reelcut — Video Editor Plans

Pricing page for a video editing subscription with per-plan resolution badges, storage meters and team add-on rows.

Printify — Print-on-Demand Plans

Pricing landing for a print-on-demand service with per-plan order limits, product catalogs and merchant ratings.

Streamline — Video Hosting Plans

Video hosting pricing with per-plan bandwidth meters, viewer counts and enterprise row.

Codegrade — CI Pricing

CI/CD pricing with per-minutes runner meters, parallel job limits and open-source row.

Mailjet — Email API Pricing

Transactional email pricing with per-volume tiers, deliverability meters and a send-volume slider.

Pods — Podcast Hosting Plans

Podcast hosting pricing with per-episode hours, download analytics and a network row.

Scribe — Docs-as-Code Pricing

Developer documentation hosting pricing with per-site tiers, versioning limits and analytics row.

Components⚛ TSX Live preview

3D Flip Pricing Card

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

Components⚛ TSX Live preview

Pricing Feature Accordion

Plan comparison accordion revealing per-plan feature details with check icons.

Animations⚛ TSX Live preview

Pricing Card Magnetic Tilt

Magnetic pricing card tilting toward the cursor with CTA glow.