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.
$
- Individual configuration
- No setup, or hidden fees
- Team size: 1 developer
- Free updates: 6 months
Most popular
Starter
For teams just getting started and ready to scale to the moon.
$
- Individual configuration
- No setup, or hidden fees
- Team size: 10 developer
- Premium updates: 12 months
- Premium support: 6 months
Enterprise
Best option for large teams & enterprise projects.
$
- Advanced configuration
- No setup, or hidden fees
- Team size: 100 developers
- Premium updates: 24 months
- Premium support: 12 months
- SLA agreement
- Dedicated account manager
Free | Started | 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 |
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