HTML + CSSBackgrounds

Knitted Fair Isle sweater

Wool V stitches with diamond and star bands that knit their way upwards, while the pointer stretches the fabric, on canvas.

Settings

1x
1x
1

Code

<div class="pt-uvq16-knit"><canvas></canvas></div>

Prompt for AI

Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.

Markdown version with all the code, for AI assistants

More in Backgrounds

See all Backgrounds

Where to use it

A Fair Isle sweater rendered stitch by stitch. Each stitch is two shaded wool loops drawn once into a small sprite, then stamped across the canvas in a pattern of rows, checks, diamonds and stars. The whole piece scrolls upwards slowly, as if new rows were being knitted at the bottom. Cozy for winter campaigns, craft shops and slow living brands.

The first color is the yarn for the motifs, the second the accent and the third the background wool. Density changes the stitch size and speed the knitting pace. Move the pointer over it and the stitches swell and spread like stretched fabric.