Pricing Compact List · Sections

Components Themes Docs

Components
/
Pricing
/
Pricing Compact List

Pricing Compact List

Dense stacked rows for catalogues with many plans.

Pricing compact list dense0 views

More pricing sections

Pricing Three Tiers

Classic three-card layout with the middle plan emphasised.

Pricingtierscards

Pricing Monthly Toggle

Two plans with a monthly/annual switch that recalculates the price.

PricingInteractivetoggleinteractive1

Pricing Single Plan

One product, one price, split between the pitch and the payment panel.

Pricingsinglesplit1

PreviousPricing Usage Slider NextPricing Contact Enterprise

Sections

React sections that take every visual value from CSS custom properties, so a copied snippet looks the same in your project as it does here.

Library

All components
Theme presets
Documentation

Authoring

Admin guide
Manage components
Import & export

Built with Next.js, Prisma and Sucrase. Previews run in a sandboxed iframe.