40+ landing page components for ReactBrowse now
trink-uitrink-ui

Pricing

PricingCards

Card-based pricing section with tiered plans, feature lists, and CTA buttons. Popular tier is highlighted.

Installation

npm install @trinkui/react

Preview

Pricing

Simple, transparent pricing

Choose the plan that works best for you.

Free

$0/month

Perfect for side projects

  • 5 projects
  • 10GB storage
  • Community support
  • Custom domain
Most popular

Pro

$29/month

For growing teams

  • Unlimited projects
  • 100GB storage
  • Priority support
  • Custom domain

Props

PropTypeDefaultDescription
pill
string—Top badge label
titlerequired
string—Section headline
subtitle
string—Supporting description
tiers
PricingTier[][]Array of pricing tier objects
animated
booleantrueEnable entrance animations
theme
"light" | "dark"—Section color theme
className
string—Additional CSS classes