ComponentsMarketingPricing tiers
Pricing tiers
Pricing columns with monthly/yearly switch and a highlighted tier.
lucide-react1 filedepends on: button, segmented
Loading documentation…
Read the source in the Code tab of the preview or in src/components/ui/pricing-tiers.tsx for the full prop types. Every component forwards className where it renders a root element and follows the --density token.
Packages: lucide-react.
A place to begin
For your first ideas and the people behind them.
$0/ month
Free, for as long as you like.
Our sweet spot
For small teams making big things happen.
$29/ month
Billed monthly, per workspace.
Room to grow
For teams with more conversations to keep connected.
$59/ month
Billed monthly, per workspace.