Live demos
Every example below is a real planner — draw a room to see tile counts, pricing and callbacks fire live. From a one-liner to a full e-commerce integration.
Zero config — mount and go
Mount with no configuration and the planner renders the simple, customer-facing view — tile sizes, patterns, one-tap auto-fit, and a live tile count.
Engineering mode — full control
Switch to professional mode for the complete toolkit: every tile size, all patterns, grid-offset fine-tuning, auto-fit optimisation, chess colouring, and a detailed cut breakdown. Built for trade and installers.
Tile + Laminate — material picker appears
With more than one material, a Material toggle appears. Each material has its own sizes, patterns, and settings — switching updates everything.
Any colour palette
Every colour token can be overridden to match a shop's brand — applied before first paint, and re-themeable live without a remount. Works in both full and compact modes.
Locked to one product — SKU, pricing, box count
Lock the planner to a single product — no material or size pickers. Draw a room and the stats show tile count, boxes, and estimated cost for that SKU.
Built-in ‘Add to basket’ button
The planner can render its own 'Add to basket' button inside the stats card (full) or slide-up panel (compact) — no extra UI on your side. It carries tiles, boxes, SKU and cost.
Like what you see?
Configure the planner in your dashboard and drop two lines into your site — we'll help you get set up.