JJabKit
Theme preference

Pricing28

1.0.0

Four-plan pricing section with avatar social proof, monthly/yearly billing tabs, tooltips, and grouped feature lists.

npx jabkit add pricing28

Component Data

ID
pricing28
Category
marketing
Version
1.0.0
Added
2026-09-05
Type
block
Keyboard nav
Yes
Reduced motion
Yes
pricingmarketingplansbillingtabsavatarslanding

Dependencies

  • lucide-react
  • clsx
  • tailwind-merge

Examples

Default

<div className="bg-background text-foreground">
      <Pricing28 {...pricing28Mocks.default} />
    </div>

Variants

<div className="bg-background text-foreground">
      <Pricing28 {...pricing28Mocks.alternate} />
    </div>

TwoPlans

<div className="bg-background text-foreground">
      <Pricing28 {...pricing28Mocks.twoPlans} />
    </div>