BusiSVGpatterns

LiveFreeWeb toolWorks offline (PWA)

Vector patterns you build with sliders: grids, waves, noise, circles, isometric cubes, letter patterns and generative shapes. Every pattern says for itself whether it repeats without a seam, and the same seed always gives the same design.

Use tool
This tool currently runs on BusiMatch. You will be taken there when you open it.

About this tool

Vector patterns you build with sliders: grids, waves, noise, circles, isometric cubes, letter patterns and generative shapes. Every pattern says for itself whether it repeats without a seam, and the same seed always gives the same design.

How it works

1
Pick a pattern from the library on the left. Twenty-six of them, in seven families.
2
Move the sliders. Every pattern shows only the settings it actually uses, and the drawing follows straight away.
3
Set the colours, or let the palette generator build one from a single colour: mono, complementary, analogous, triad or split.
4
The seed makes a random design repeatable: the same seed with the same settings gives exactly the same drawing, also in a year.
5
Check the repeat: one tile, three by three, five by five, or the seam test that puts the join in the middle of your screen.
6
Take it out as SVG, PNG, a ready CSS background or a data URI. The SVG opens in Illustrator, Affinity and Inkscape and pastes straight into Figma.
7
Done, or something went wrong? Open the dashboard and start over with a clean sheet.

Reviews will be available soon.