Pricing
A minimal two-tier pricing component for EasyUI. Native to the existing design system, fully theme-aware, with a quiet Free tier and a slightly more attractive Pro tier — without resorting to SaaS marketing tropes.
Free
For personal & open-source projects
$0Forever
- All components
- Copy & paste
- React + Tailwind
- MIT licensed
Pro
For production teams
$29One-time payment
- Everything in Free
- Premium components
- Advanced animations
- Future updates
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/pricing
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| freeTier | PricingTier | EasyUI defaults | Configuration object for the Free tier — { name, tagline, price, cadence, features, ctaLabel, onCtaClick }. Optional: the component ships with sensible EasyUI defaults. |
| proTier | PricingTier | EasyUI defaults | Configuration object for the Pro tier — same shape as freeTier. Optional: defaults to the EasyUI Pro tier ($29, one-time payment). |
| reverse | boolean | false | Swaps the order so Pro is rendered on the left |
| eyebrow | string | undefined | Optional uppercase label rendered above the heading |
| heading | string | undefined | Optional headline rendered above the cards |
| subheading | string | undefined | Optional supporting copy rendered beneath the heading |
| className | string | undefined | Optional Tailwind classes appended to the outer section |