About Premium Saas Pricing

SaaS Pricing Cards

A complete SaaS pricing section in one component. Cards, billing toggle, yearly savings, feature lists, comparison table and currency switching, all from the Properties panel.

See How It Works https://youtu.be/eLoKtdJyO7I

Why Buy

Most pricing components give you cards, or a toggle, or a calculator. This gives you the whole section in one drop, and it stays in sync: the comparison table builds itself from your feature lists, so you never maintain the same features twice. Everything updates live in the editor.

New in 3.0

7 designed styles, including real Liquid Glass with a cursor-following highlight
Comparison table built from your feature lists, inheritance handled
Live currency switching from daily rates, manual rates as fallback
Seat pricing in 4 styles: slider, ticks, chips, stepper
Mobile tabs or swipe, opening on your highlighted plan
Decimals like 9.99, locale formatting, separate yearly checkout links

Features

Plans

Up to 4 plans, 50 features each, with tooltips
Feature lists stay with their plan when reordered
Custom price text: Free, Contact us, Custom
Per-plan button, labels, links, note

Billing

Monthly and yearly toggle with rolling numbers
Auto discount or manual yearly prices
Savings badge, strikethrough, billing line
Per month or annual total display
48 base currencies, visitor switcher

Design

Highlight effects: beam, border, glow
Button hover: lift, glow, shine
Color, radius, shadow, alignment control

Layout

Desktop row, mobile tabs, swipe or stack
Spacing, padding, width, editable labels
WCAG AA contrast, keyboard support
130+ properties

Includes

Full TypeScript source code
Editor guide for your first plan
Free updates: Framer API fixes, requested properties, bug fixes

Upgrading from 2.0

Free update. The settings structure changed, so after updating: re-add your plans once, pick a style under Presets, and set custom button colors again.

Support: design@vikramuiux.com

Premium Saas Pricing