Pricing Cards + Table

An example composition with pricing cards and a pricing table below it.

shadcn/ui components:
badge
button
tabs
tooltip
External libraries:
@number-flow/react
lucide-react

Pricing table that makes sense

Here's a simple pricing table with extra descriptions and features

Free

Free for personal use and small projects. No credit card required.

$0

/month
  • Individual configuration
  • No setup, or hidden fees
  • Team size: 1 developer
  • Free updates: 6 months
Get started
Most popular

Starter

For teams just getting started and ready to scale to the moon.

$27

/month
  • Individual configuration
  • No setup, or hidden fees
  • Team size: 10 developer
  • Premium updates: 12 months
  • Premium support: 6 months
Get started

Enterprise

Best option for large teams & enterprise projects.

$199

/month
  • Advanced configuration
  • No setup, or hidden fees
  • Team size: 100 developers
  • Premium updates: 24 months
  • Premium support: 12 months
  • SLA agreement
  • Dedicated account manager
Get started

Free

Starter

Enterprise

Usage

100 sessions
200 sessions
300 sessions or more
100 sessions
200 sessions
300 sessions or more

Feature 4

Feature 5

Features

100 sessions
200 sessions
300 sessions or more
100 sessions
200 sessions
300 sessions or more

Feature 4

Feature 5

Feature 6

Feature 7