Give visitors a clear way to estimate pricing directly on your Framer site.
PriceLab combines plan selection, seat and usage inputs, monthly or annual billing, included usage, live totals, an itemized cost breakdown, and conversion actions in one responsive component.
Choose whether plans update automatically based on seat thresholds or let visitors select a plan themselves. Configure the tiers, rates, ranges, annual discount, interface copy, currency, locale, colors, typography, CTA link, and quote button directly from Framer’s properties panel.
The component responds to its actual container width, adapts from two columns to a compact mobile layout, supports keyboard controls, respects reduced-motion preferences, and renders safely on the Framer Canvas and during exports.
Features
Automatic or visitor-selected pricing plans
Configurable seat and usage sliders
Optional included usage allowance
Monthly and annual billing
Live subtotal, discount, and final total
Itemized pricing breakdown
Locale-aware currency formatting
Configurable conversion CTA
Copyable plain-text quote summary
Light, dark, and automatic appearance
Responsive compact layout
Accessible keyboard controls
Reduced-motion and static-render support
No external dependencies
Give visitors a clear way to estimate pricing directly on your Framer site.
PriceLab combines plan selection, seat and usage inputs, monthly or annual billing, included usage, live totals, an itemized cost breakdown, and conversion actions in one responsive component.
Choose whether plans update automatically based on seat thresholds or let visitors select a plan themselves. Configure the tiers, rates, ranges, annual discount, interface copy, currency, locale, colors, typography, CTA link, and quote button directly from Framer’s properties panel.
The component responds to its actual container width, adapts from two columns to a compact mobile layout, supports keyboard controls, respects reduced-motion preferences, and renders safely on the Framer Canvas and during exports.
Features
Automatic or visitor-selected pricing plans
Configurable seat and usage sliders
Optional included usage allowance
Monthly and annual billing
Live subtotal, discount, and final total
Itemized pricing breakdown
Locale-aware currency formatting
Configurable conversion CTA
Copyable plain-text quote summary
Light, dark, and automatic appearance
Responsive compact layout
Accessible keyboard controls
Reduced-motion and static-render support
No external dependencies
