A plan for every next step

Start small. Make room as you grow.

Billed monthly. Switch to yearly for lower monthly prices.

Starter

For your next side project.

$0 / month

1 workspace
Core components
Community support

Start for free

Pro

Popular

For ideas ready to grow.

$19 / month

Unlimited workspaces
All components and blocks
Priority support

Get started

Team

For building together.

$49 / month

Everything in Pro
Team collaboration
Dedicated support

Get started

Pricing Compact

Pricing plans presented as compact horizontal rows.

Installation

bunx shadcn@latest add https://ui.razeev.com/r/pricing-compact.json

Usage

tsx

import { PricingCompact } from "@/components/hangry-ui/blocks/pricing-compact";

<PricingCompact
  defaultBilling="yearly"
  plans={[
    {
      name: "Pro",
      description: "Everything you need to build.",
      monthlyPrice: 19,
      yearlyPrice: 15,
      features: ["Unlimited projects", "Priority support"],
      href: "/signup?plan=pro",
      label: "Choose Pro",
      featured: true,
    },
  ]}
/>