Pricing Single Plan · Sections

Components Themes Docs

Components
/
Pricing
/
Pricing Single Plan

Pricing Single Plan

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

Pricing single split lifetime0 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 Feature Matrix

Wide comparison table with plans as columns and a sticky header row.

Pricingmatrixtable

PreviousPricing Monthly Toggle NextPricing Feature Matrix

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.