Kits
SaaS
Subscription and pricing page components such as pricing cards, plan grids, and feature comparison tables.
Purpose
The SaaS kit contains components for subscription-based products and pricing experiences. It helps teams build consistent plan presentation, billing cycle UX, and detailed feature comparisons.
It relies on the shared UI Kit tokens to stay theme-consistent and easy to adapt.
What’s inside (typical)
- Pricing plan cards (tiers, included features, discounts)
- Pricing grids / responsive layouts for multiple plans
- Feature comparison tables (sections, sticky headers, difference toggles)
- Billing cycle switch patterns (monthly/annual) depending on setup
Best practices
- Drive styling via tokens and variables, not hardcoded values.
- Keep tier/feature naming consistent so content and code can align reliably.