Block

Pricing Section

A gorgeous three-tier comparison pricing block with highlighted packages, feature check tags, and hover offsets.

Interactive Preview

Flexible Pricing Plans

Simple, Transparent Brutalist Plans

Choose the subscription tier that matches your current development workflow. No hidden fees, instant cancel.

Indie Creator

$9/ lifetime

For solo devs and side-project hackers building clean products.

What's included:

  • Access to 24+ atomic components
  • Full registry copying workflow
  • Figma design assets
  • Community Support Channel
Most Popular Tier

Pro Developer

$29/ lifetime

For growing creators, SaaS platforms, and professional agencies.

What's included:

  • Access to all 36+ components
  • All copy-paste premium blocks
  • Advanced customizable variables
  • 1 year of regular registry updates
  • Priority GitHub issue support

Team Studio

$99/ lifetime

For collaborative development groups and startups building scaled apps.

What's included:

  • Unlimited user accounts
  • Custom internal branding theme presets
  • AI-ready prompts and generation guidelines
  • Direct Slack developer console support
  • SLA uptime assurance

Registry Installation

pnpm dlx brutx@latest add pricing-section

Usage Examples

import { PricingSection } from "@/components/ui/pricing-section"

export default function Page() {
  return (
    <PricingSection
      title="Scale Your Workstation"
      subtitle="Unlock premium tools for high-intensity SaaS creation."
    />
  )
}