Patterner is a small SVG pattern generating tool. You can browse a library of tile patterns, layer a few together, tweak their color and opacity, and copy out a clean SVG when you're happy with it.
Key features
30 ready-made patterns: stripes, dots, crosses, grids, and more, all in a consistent 48×48 tile format
Layer up to 3 patterns: stack and combine for richer, more textured backgrounds
Per-layer color & opacity control: dial in the exact look with a color picker, hex input, and a draggable opacity slider for every layer
Customizable background: set a background color and opacity behind your pattern stack
Live tiled preview: see exactly how your pattern repeats before you export
One-click copy: exports a single, self-contained SVG with no external references, so it pastes cleanly into Framer, Figma, or any other tool
Patterner is a small SVG pattern generating tool. You can browse a library of tile patterns, layer a few together, tweak their color and opacity, and copy out a clean SVG when you're happy with it.
Key features
30 ready-made patterns: stripes, dots, crosses, grids, and more, all in a consistent 48×48 tile format
Layer up to 3 patterns: stack and combine for richer, more textured backgrounds
Per-layer color & opacity control: dial in the exact look with a color picker, hex input, and a draggable opacity slider for every layer
Customizable background: set a background color and opacity behind your pattern stack
Live tiled preview: see exactly how your pattern repeats before you export
One-click copy: exports a single, self-contained SVG with no external references, so it pastes cleanly into Framer, Figma, or any other tool