Pricing

Pricing-tier cards with optional featured highlight.

Preview

Pricing

Plans for every team size

Hobby

For side projects

$0 /mo

  • 5 products
  • Basic analytics
Get started

Pro

For growing teams

$25 /mo

  • Unlimited products
  • Advanced analytics
  • Email support
Get started

Enterprise

For large operations

$99 /mo

  • Everything in Pro
  • Dedicated support
Contact us

React preview

LiveView (HEEx) 

alias DesignSystem.UI.Pricing

<Pricing.pricing
  subtitle="Plans for every team size"
  tiers={[
    %{name: "Hobby", price: "$0", features: ["..."], cta_label: "Get started"},
    %{name: "Pro",   price: "$25", features: ["..."], cta_label: "Get started", featured: true}
  ]}
/>

React (JSX) 

import { Pricing } from "../ui/index.mjs"

<Pricing subtitle="Plans for every team size" tiers={tiers} />