Marketing

Pricing variations

A three-tier pricing grid with a highlighted plan.

3 variations

3 results

Pricing

Simple, transparent pricing

Start for free and scale as you grow. No hidden fees, cancel anytime.

Starter

Everything you need to launch your first project.

$0/ month

dark

A responsive three-plan grid with a highlighted popular tier.

Plans

Launch

For focused teams shipping one product.

$19/ month

Scale

For teams running multiple surfaces.

$59/ month

light

Two-plan pricing with a monthly/annual segmented control.

Usage based

A pricing layout for APIs, infrastructure, and usage-metered products.

10k events

5 seats

99.9% SLA

Growth

Best for teams validating scale.

$0.08 / 1k events

Unlimited projects

Realtime analytics

Priority queues

dark

A metered pricing layout for API, infra and event-based products.

Catalog metadata for this block. Install copies the source into your project.

npx cronus-ui add pricing

Field	Type	Default	Description
`slug`*	`string`	`"pricing"`	Registry item id. Passed to cronus-ui add.
`name`*	`string`	`"Pricing"`	Display name shown in the gallery.
`description`*	`string`	`"A three-tier pricing grid with a highlighted plan."`	Short summary of what the block covers.
`variants`	`{ id: string; name: string; description: string }[]`	`["tiers", "toggle", "usage"]`	Alternate layouts. Install a look with npx cronus-ui add <slug>--<id>. Omitted when the block has a single default.

Every published look for this block.

Id	Name	Description
`tiers`	Three tiers	A responsive three-plan grid with a highlighted popular tier.
`toggle`	Plan toggle	Two-plan pricing with a monthly/annual segmented control.
`usage`	Usage based	A metered pricing layout for API, infra and event-based products.