Framer product configurator
Visual options. Instant quotes.
Turn transparent product layers into a live preview that changes with every finish, part and extra. Visitors see their exact product, watch the estimate update and send the full specification straight to your inbox.
$39 once. Lifetime licence
No API keys or monthly fees
Works with native Framer forms
Live demo: pick Terracotta velvet, then try Black steel legs.
Workshop collection
Fern Lounge Chair
Made to order in our workshop. Choose your fabric, legs and finishing touches.
Estimated total$1,290
Your configuration
- Upholstery
- Sage linen
- Included
- Legs
- Natural oak
- Included
- Finishing touches
- None
- Base price
- $1,290
Native form handoff
Every enquiry arrives fully specified.
The summary field drops into any native Framer form. Product, chosen options, estimated total and a link back to the exact configuration land in your inbox together with the customer’s message. Quote faster, with zero back and forth.
Uses your form’s existing email destination
Keeps the selection if a field needs fixing
One link reopens the exact configuration
Three complete examples
One component. Any made-to-order product.
Furniture, lighting and a city bike, each built from the same component with its own layers, prices and rules. Start from the example closest to your client and make it theirs.
Furniture configurator
Fern Lounge Chair
Four upholsteries, three leg finishes and layered extras, with timber-only brass caps.
Configure the chair
Lighting configurator
Halo Pendant Light
Swap shades, fittings and cables. The brass dome only ships with matching fittings.
Configure the pendant
Bicycle configurator
City Commuter Bike
Frame colours, handlebars, saddles and carry kit. Add a pannier and the rack comes with it.
Configure the bike
What you get
Everything a product page needs to win the quote.
Layered product preview
Stack aligned transparent layers over a base image. Each part is reused across every combination, so ten options never means a hundred photos.
Swatches and thumbnails
Show finishes as colour swatches and parts as image thumbnails, with crisp selected, available and swapped states.
Smart compatibility rules
Requires and excludes rules swap in the right parts automatically and tell the visitor exactly what changed.
Live price estimates
Base price plus every option, formatted in your currency, with an optional line by line breakdown.
Share and copy
Shareable configuration links reopen the exact build. One click copies a tidy specification.
Native form handoff
Send the full specification through your existing Framer form and email destination. Nothing else to connect.
Setup in minutes
From layers to quote requests in four steps.
Everything lives in Framer’s property panel. No spreadsheets, no external dashboards, no code.
01
Upload your layers
Export a base image and transparent PNG or WebP layers on one shared canvas size.
02
Add your options
Name each finish, part and extra, assign its layer, swatch and price.
03
Set your rules
Link options with requires and excludes rules. The component validates every one.
04
Connect your form
Drop the summary field into a native Framer form with the same Configurator ID.
Layered Product Configurator
$39 once. Lifetime use for one licensed website.
No external tools, API keys or monthly component fees. You get the component, the form summary helper, three complete examples with original layered assets and the setup guide.
Instant delivery after checkout