Laioutr UI

SaaS

The SaaS package provides ready-made UI patterns for subscription pricing pages, including plan cards, pricing grids, and feature comparison tables.

Overview

The SaaS package is a small set of Laioutr UI components tailored for subscription-based products. It focuses on the building blocks you need for modern pricing pages: presenting plans, toggling billing cycles, and comparing features across tiers in a structured way.

Use these components when you want a consistent pricing experience that works well across breakpoints and stays easy to maintain as your plans evolve.

Included components

Plan Card

A single pricing card showing tier details, pricing, discounts, and included features.

Plan Card Slider

A responsive grid/slider layout for displaying multiple plan cards side-by-side.

Plan Comparison Table

A detailed feature comparison table with sections and sticky headers.

Highlight Toggle (UI Kit)

Monthly/annual style toggle for billing cycle switching.

Edit this pageorReport an issue

Top Bar

Desktop-only utility strip above the header with locale selector, dark-mode toggle, and information links.

Plan Card

A pricing card displaying subscription plan details with strikethrough pricing for discounts.