VariantCanvas

Preview print size, frame and mat, with a live total.

What it does:

- Sizes in cm, each with a price. The print is drawn to scale against a scene width you set.

- Frames with colour and added price, plus an optional custom frame-colour picker

- Optional mat with its own price

- Unavailable size and frame pairs are disabled

- Live total, plus an optional room backdrop image

- Button linking to your product URL with size, frame, frame_color and mat added as query parameters

- Light and Dark themes plus colour, radius, depth and font controls

Good to know:

- A visual preview, not an AR measurement. Your store must read the query parameters for the selection to carry over, and there is no checkout inside the component.

Included: one Framer code component (TSX file + component URL), a setup guide and the example images used in the preview.

Live preview: https://mobile-company-642246.framer.app/