Free visual builder

Build a product colourway configurator.

Add your product variants, preview the selector, and download a portable package you can use in a plain HTML page, WordPress, Elementor, or a custom website.

1. Configure

Your product

Images stay in your browser and are included only in the ZIP you download.

2. Preview

My Product

Upload a variant image to preview your product.

Choose a colourway to see the product change.

Select a colourway

What you receive

A clean starter package you can hand to a web team.

The download is intentionally framework-free. It gives you editable files that are easy to inspect, host, and adapt to a product page or an existing content management system.

HTML, CSS, and JavaScript

I give you a self-contained configurator with accessible colour buttons and a responsive preview.

Configuration JSON

I keep product names, descriptions, labels, and image paths separate so your team can extend it later.

Setup guide

I include a short README explaining the files, embed markup, and the easiest places to customise the output.

Need a tailored version?

Want to customize this tool?

Tell me what your team needs and I can adapt the workflow, fields, branding, or integrations around the way you already work.

Reach out to me