Turn every product page
into a customization studio

A product personalization app for Shopify. Real-time previews, print-ready files, built for humans and AI.

Install on Shopify Or try the demos below

demo · mug · real merchant option setThe same bundle a storefront loads

Option set · 17 fields

A genuine merchant option set, exactly as the admin hands it to the runtime: seventeen fields, real swatch artwork, and the mockup photo that template ships with. Type in it and the mug redraws in the same frame.

The pipeline

Real-time previews to print-ready files.

What they see is what ships. One order, end to end: the two words a shopper typed, the print-ready file your print-on-demand fulfiller receives, and the product preview they were shown while typing.

Order · mug, one side

Names

Amelia & Jonas

Date

Twelve April 2026

Add to cart

What the shopper types

Storefront option form

The same mug artwork as a flat print file, unwarped — What the printer gets
The print file · 1800 × 760

A white mug with a script name and a tracked date between two rules, the artwork bending with the barrel — What the shopper saw
Cylinder mesh · 124° wrap

Displacement · white tee, chest

The plain white tee the mockups are built on — The garment
Photograph, 1600 × 1067

The displacement map derived from the tee photograph, showing folds and weave as colour — Its displacement map
Weave, folds and seams

A night-sky print on the chest of a white tee, captioned The Night We Met — Printed, not pasted
Real ephemeris, on the garment

The studio

Nine product customization tools, one canvas.

Your product-page mockup is the thing that sells the order, and the thing a refund argues with. These are the tools that keep the preview and the print file the same file.

Artwork that bends to the real surface.

Drag warp handles so the print follows a mug's curve or a sleeve's seam. Mask it with the pen tool. Every mockup angle refreshes as your customer types.

Renderer: PixiJS / WebGL, with a Canvas2D fallback
Mesh type: Cubic bezier patch, 6 control points
Mask type: Bezier path, feather 0–40px, invertible

Warp-mesh mockups, in detail

Niche generators

Built-in design generators
for personalized products.

Everyone ships generators; ours actually solve. Elsewhere a star map is a fixed poster template and a word cloud is an image you pick. Here each of the five is a layer with a solver behind it, computed in the shopper's browser at print size. Every picture here is one of them on a finished product.