Components
Pricing Section
Editorial pricing table with a billing toggle, three plan cards, and a black-and-white palette.
Preview
Section
Pricing Section
Editorial pricing table with a billing toggle, highlighted middle plan, and a black-and-white palette.
Use the billing toggle to switch between annual and monthly pricing
PricingSimple, transparent
Simple, transparent
pricing
Start free and scale as you grow. No hidden fees, no surprises.
MonthlyAnnualSave 17%
01
Starter
For individuals and small projects
$0/month
- Up to 3 projects
- 1GB storage
- Community support
- Basic analytics
- SSL certificates
Most Popular
02
Pro
For growing teams and businesses
$24/month
- Unlimited projects
- 100GB storage
- Priority support
- Advanced analytics
- Custom domains
- Team collaboration
- API access
03
Enterprise
For large-scale operations
Custom
- Everything in Pro
- Unlimited storage
- 24/7 dedicated support
- Custom integrations
- SLA guarantee
- On-premise option
- Security audit
- Custom contracts
All plans include automatic updates, HTTPS, and DDoS protection. Compare all features
Usage
import { PricingSection } from "@/components/ui/pricing-section";Props
This component does not currently accept any props.