Pattern Weaver
Unit
Repeat
Mosaic
New
Save Unit
Save Animation
Export
Colors
max 3
Tools
Paint
Erase
Line
Fill
Symmetry
Grid
Size
8 × 8
9 × 9
12 × 12
16 × 16
Grid lines
Clear
Invert
Unit Editor
Draw the repeating cell
FPS
6
Auto-motion
Export
Static SVG
Current frame as vectors. Drop into Figma.
Animated SVG
Looping CSS keyframes, no JS runtime.
Canvas + JS
Self-contained snippet for the website.
Cell size (px)
Static: gap between cells
Include background
Merge cells (optimize)
Copy
Download
pattern.svg