How it works
The workflow, examples and limits behind every tool.
Pattern editor ↗
One square tile repeats in both directions.
Example: A 64 px dot tile repeats seamlessly across a preview.
Original geometry only; no copied artwork library. Raster export is bounded to 2,048 px per side.
Colours & scale ↗
A validated six-digit hex colour is used for each fill and stroke.
Example: Change a blue pattern to a green palette.
Original geometry only; no copied artwork library. Raster export is bounded to 2,048 px per side.
Repeat preview ↗
Rotation transforms the repeating pattern, not the exported canvas.
Example: Rotate stripes by 45 degrees to make diagonals.
Original geometry only; no copied artwork library. Raster export is bounded to 2,048 px per side.
SVG, PNG & CSS ↗
Single-tile export is unrotated so it can repeat cleanly; surface export retains rotation.
Example: Use the CSS data URL as a repeating website background.
Original geometry only; no copied artwork library. Raster export is bounded to 2,048 px per side.
Local work, explicit limits
Each workspace reports its input and file limits. Imports validate the supported format before asking to replace saved work. Plain text is displayed as text, never executed as markup. Both languages use the same tools; the root address always opens in English, with Chinese under /zh/.