Pricing Bracket

Pricing plans framed with bracket cards.

Plans with room to grow

A focused set of plans for independent builders and teams.

Builder

$12 / month

Unlimited drafts
Core blocks

Choose Builder

Studio

$32 / month

Unlimited projects
Priority support

Choose Studio

Pricing plans framed with bracket cards.

Installation

text

Add the pricing-bracket component from Hangry UI to this project.

Use the project's package manager to run:
shadcn@latest add https://ui.razeev.com/r/pricing-bracket.json

Integrate the component with the existing layout and styling.
Keep its interactions and reduced-motion support intact.

How to use

Import the component and add it to your page.

tsx

import { PricingBracket } from "@/components/hangry-ui/blocks/pricing-bracket";

<PricingBracket />

Props

Prop	Type	Default	Description
`title`	`string`	`Plans with room to grow`	Optional.
`description`	`string`	`A focused set of plans for independent builders and teams.`	Optional.

Dependencies

lucide-react