Blocks · Pricing

Pricing sections

Five pricing patterns — classic 3-tier, monthly/yearly toggle, feature-comparison table, single-tier CTA, and a usage-based calculator. Every layout uses CSS container queries.

Three-tier pricing

Classic 3-card row; middle card has .lsd-chip--solid "Most popular" badge + glow ring. Collapses to single column under 720px.

.pricing-3-tier.lsd-chip--solid.lsd-fx--glow-pulse.lsd-btn--primary

Hobby

$0/mo

Up to 3 projects
Community support
MIT-licensed bundle

Get started

Pro

Team

$49/mo

Everything in Pro
Team workspaces
SSO + audit logs
Dedicated support

Contact sales

Monthly / yearly toggle

.lsd-toggle at top flips data-period on the container; CSS swaps visible price.

.lsd-toggledata-period.lsd-chip--success

Monthly Yearly Save 20%

Hobby

$0$0/mo

Up to 3 projects
Community support

Get started

Pro

$19$15/mo

Unlimited projects
Priority support
Hosted previews

Start Pro

Team

$49$39/mo

Everything in Pro
SSO + audit logs
Dedicated support

Contact sales

Feature comparison table

Below 600px container width, columns collapse to a .lsd-segmented--pill picker that swaps which tier is visible.

.pricing-table.lsd-segmented--pill

Feature	Hobby	Pro	Team
Projects	3	∞	∞
Brand kits	1	10	∞
SSO	—	—	✓
Priority support	—	✓	✓

Single-tier hero card

Hero price + 6 features + .lsd-btn--xl --primary with shimmer. Same layout at every container width.

.pricing-single.lsd-btn--xl.lsd-fx--shimmer

Founding offer

$199 · one-time

Lifetime license. All future updates. No subscription.

Claim founding price

✓ All blocks + components
✓ Brand-kit generator
✓ Motion library
✓ Aurora timeline
✓ Static export
✓ Lifetime updates

Usage-based slider

<input type="range" class="lsd-input"> drives a live total. Stacks at narrow widths.

.lsd-input.lsd-chip--soft

Pay for what you use

$0.20 per render. Pull the slider.

Renders / month: 500

$100.00

Base $0 + 500 renders @ $0.20