PricingPage
v1.0.16Updated 27 Aug 2026Full pricing page — tier grids, annual toggles, comparison tables, calculators and FAQ. Full-page copy-paste template; baked-in demo content (edit the JSX to customise).
Preview
Live · 18 storiesThree Tier PageOpen ↗
▸Why this is recommendedpricingplanstiersbilling+4
PricingPage — three tier page.
Recommended for+14
- ✓Pricing pages
- ✓Marketing sites
Tags+6
pricingplanstiersbillingmarketingpagethreetier
Features+4
- Three-tier, annual toggle, comparison, enterprise and calculator layouts
- Composable full-page variant
- Self-contained — no required props
Not recommended for−2
- ✕In-app billing settings (use Billing)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
PropTypeRequired
classNameOptional wrapper class override (copy-paste block, baked-in content)
—