About Studio Estimator
Turn "how much?" into qualified leads.
Studio Estimator is a beautiful, fully configurable project pricing calculator for agencies, studios and freelancers. Visitors pick a project type, number of pages, add-ons and timeline; the estimate animates live with an itemised breakdown, and the CTA sends the full summary straight to your inbox, booking link or form. Native inputs, keyboard friendly, and a demo autoplay mode that makes hero sections and videos sell themselves.
Watch demo: https://youtu.be/gNQAPgbnw3k
Key features
Project types (single choice cards), page slider with included pages, add-on chips (multi-select), timeline multipliers
Live animated total - exact price or range (±spread), with rounding
Itemised breakdown panel
Smart CTA: mailto, Calendly or form URL with the estimate and selections appended automatically
Any currency: symbol, before/after, thousands separator (1,000 · 1 000 · 1.000)
Every label editable - works in any language
Split or Stacked layout, full colour theming, radius, 3 font controls
Demo Autoplay - clicks through options by itself, stops on first interaction
Accessible native radio/checkbox/range inputs, aria-live total, reduced-motion support
Use cases
Pricing pages for web design and Framer agencies
Freelancer "Work with me" / packages sections
Branding, video or photo studios with package pricing
Productised services and retainers
Lead qualification before a discovery call
How to use
Insert - Drag Studio Estimator from Assets, set width to Fill (min. ~360px). Height is automatic.
Project types - In Project Types set Label, short Description and base Price (up to 8). Default Type is the index of the preselected one (0 = first).
Pages - Pages → Show toggles the slider. Set Label, Min, Max, Default, Included (pages in the base price) and Per Extra Page.
