PriceLab

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