Website / Marketing

PricingSection

Composes pricing plans into a comparison section.

Live example

Plans

Simple, flexible pricing

Choose the support level that fits your team.

Starter

Core components
Community support

Start free

Studio

$24

All packages
Priority support

Choose Studio

Interactive preview using local sample data. Styling is intentionally left to the consuming project.

Usage

// PricingSection usage will be documented here.

Adopt to your project

This Website → Marketing → PricingSection component provides a neutral structural starting point. Adapt local visual presentation through documented props and className without changing its semantic purpose.

Accessibility

Use structured headings and lists for plan comparison.

API reference

API focus
Plan data, billing language, recommendation, feature list, CTA.

The preview uses safe local sample data. Check the exported TypeScript types before adapting it to project data.

Installation

Full library
pnpm install:project /absolute/path/to/your-project

Planned guided selection
Website → Marketing → PricingSection