Library navigation

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

Pro

Popular

For ideas ready to grow.

$19 / month

  • Unlimited workspaces
  • All components and blocks
  • Priority support

Team

For building together.

$49 / month

  • Everything in Pro
  • Team collaboration
  • Dedicated support

Pricing

A pricing card grid with featured plans and monthly or yearly billing.

Installation

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

Usage

tsx
import { Pricing } from "@/components/hangry-ui/blocks/pricing";


<Pricing
  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,
    },
  ]}
/>

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

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,
    },
  ]}
/>

A plan for every next step

Start small. Make room as you grow.

Monthly prices shown. Billed once a year.

Compare plans. All prices are in USD.
PlanPrice / monthIncludesGet started
Starter$0

$0 / year

  • 1 workspace
  • Core components
  • Community support
Start for free
Pro
Popular
$15

$180 / year

  • Unlimited workspaces
  • All components and blocks
  • Priority support
Get started
Team$39

$468 / year

  • Everything in Pro
  • Team collaboration
  • Dedicated support
Get started

Pricing

A pricing comparison table with billing controls.

Installation

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

Usage

tsx
import { PricingComparison } from "@/components/hangry-ui/blocks/pricing-comparison";


<PricingComparison
  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,
    },
  ]}
/>