Help

Draw your colorwork chart and instantly see it knitted in realistic yarn. No account needed; everything stays in this browser.

Getting started

  1. Ready-made motifs lets you choose a motif or collection, or start with My designs → New blank design for an empty grid.
  2. Yarns holds your colours; use Library to add yarns, filtered by colour and style.
  3. Paint on the chart below; the preview above updates stitch by stitch with realistic yarn.
  4. Save your favourite version to My designs, choose Download image or Share.

Drawing tools

PaintClick or drag to paint with the selected colour.
RectangleDrag and release to fill the area with the selected colour.
FillColours a connected area of the same colour in one go.
Colour pickerSelects the colour of a stitch in the chart.
StampPlaces the motif selected in Add → Motif wherever you click; use "Tile as a band" to repeat it across the row.
MirrorFlips the chart horizontally or vertically.

The Add menu also includes Name (three fonts; letters such as Ş, Ç and Ğ are simplified, with a notice) and Photo (converts your photo into realistic yarn colours at your chosen width and colour count; the photo stays on your device).

Ready-made motifs and collections

Each collection uses a shared background colour and scale: stamp its pieces onto the same chart to build a scene. Every collection includes a sample scene. Bands (snow, grass, fences…) repeat seamlessly side by side and sit along the bottom of the chart.

Public-domain patterns come from books published in 1597 and 1890; each card lists its source.

Knitability

Technique

The editor automatically chooses a knitting technique for your design: up to two colours per row with short floats uses Fair Isle; multicoloured pictures or large blocks of colour use Intarsia. You can change this manually.

Fix long floats

In Fair Isle, yellow or red markers appear where yarn carried across the back is too long. "Fix long floats" first shows a suggestion (dots with green rings); apply it if you like it, or cancel. To keep the design unchanged, use the float-catching markers on the back.

Back

Shows the back of the fabric, the floats and where to catch them. While viewing the back, "Download image" downloads the back view.

Colour test

View → Colour test: the greyscale view shows where a motif may disappear because two colours look like the same grey. Colour blindness views are also available. You also get a warning when neighbouring colours have similar grey values.

Size and gauge

The grid supports up to 400 × 400 stitches, and the palette up to 40 colours, both free. Use repeat counts to repeat your design horizontally and vertically.

Finished dimensions are estimated from yarn weight; for precise measurements, measure your swatch and select "My own gauge". The preview always uses the same stitch proportions; gauge only changes the calculated dimensions in cm.

View → Rotate preview: rotates the preview 90° for pieces knitted sideways; the chart stays the same.

Save, download and share

AutosaveYour current design is saved in this browser after every change; it will still be here when you close and reopen the page.
My designsKeep multiple designs. When you open a saved design, changes are saved to it automatically. Choosing a ready-made motif, a photo or a new design starts a new, unsaved design.
Download imageDownloads the knitted preview as a PNG. The ▾ menu beside it includes Chart table (CSV) and Written instructions (TXT): each row is written in knitting order, for example "5 R1, 3 R2…".
ShareThe entire design is stored in the link; nothing is sent to a server. Anyone opening the link sees the same design, and any edits they make become their own copy.

Shortcuts

1–9Select the colour with that number in the palette
Ctrl + ZUndo (including motif changes; repeat counts and the name are restored too)
Ctrl + Y · Ctrl + Shift + ZRedo
Ctrl + SSave to My designs

Frequently asked questions

Do I need an account?

No. Your designs are stored in this browser. For now, use a share link to open a design on another device.

What happens if I clear my browser data?

Your saved designs in My designs are deleted too. Keep a share link or CSV for important designs.

Are these real yarns? Can I buy them?

The previews use our own knitted yarn textures, rather than products from a yarn brand. Colour names are descriptive; use any yarn in a similar shade.

Is my photo sent anywhere?

No. Your photo is resized, reduced to a colour palette and matched to yarns on your device.

Does it work on a phone?

Yes, you can draw and paint on your phone too.

Why is the limit 400 × 400?

Larger grids slow down the browser. Use repeat counts to build a larger piece.

← Back to editor