Usage-based Pricing Tiers
A usage-based pricing table with horizontal tiers, highlighted plans, and clear host-owned purchase actions, adapted from Tailark.
Clean SaaSMIT
Make it work with your content
- Supply real prices, currency, billing periods and usage limits through tiers.
- Connect each tier to a host href or onSelectPlan callback; the library never processes payments.
- Use explicit demo mode only for illustrative sample plans and verify long labels on mobile.
Source & compatibility
- Author
- Irung
- Version
- 0.1.0
- License
- MIT
- Stack
- React · Tailwind CSS 4
Framework-independent React. Demo interactions run locally; connect your service through props.
Source revision: 8139698115c1341bfd2e3e286c04bb4d8146f472