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.