SaaS

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.