Skip to content
foundaday
Site of the day

Haikei SVG generator

A browser tool that generates backgrounds: layered waves, blobs, low-poly grids, steps, gradients. Set your colours and size, roll the dice, export SVG or PNG.

Haikei SVG generator

What it is

Haikei is a web app that generates abstract backgrounds and design assets. It comes with a set of generators: stacked and layered waves, blobs, low-poly grids, steps, peaks, symbols, gradients and more. Pick a generator and a canvas size, drop in your colours, tweak the settings, then hit the dice button to roll a fresh variation in the same style. Everything exports as SVG or PNG.

Why we picked it

Those wavy section dividers, soft blobs behind product cards and abstract blog covers usually mean either fiddly manual work or yet another stock image everyone else is using too. Haikei makes them in seconds, and every roll of the dice gives you a shape nobody else has. Because the SVG stays editable, you can polish it in Figma or Illustrator or paste it straight into your code. Preset canvas sizes for covers, slides and social posts save guesswork, and you can compare how one generator looks across formats.

Where to start

  • "Layered waves" — the classic wavy divider for website sections.
  • "Blob scene" — soft organic shapes for cards and banners.
  • "Low poly grid" — faceted geometry in your own palette.
  • Set your brand colours and keep rolling the dice until something clicks.
  • Export SVG if you plan to edit further, PNG if you just need the image.

Who it's for

Web and UI designers, and front-end developers who need decent visuals without waiting on a designer. Bloggers and anyone building slide decks who is tired of the same stock backgrounds. Social media managers making headers and story covers. Students who want their presentation to look a notch better.

Quick answers

What formats can I export? SVG and PNG, according to the site.

Do I need design skills? Not really. You choose the generator, colours and size; the tool creates the shapes.

Can I edit the output afterwards? Yes. The SVG opens in any vector editor, CMS or code base.

Also in this issue

Similar finds

Site of the day
weavesilk.comenWorldwide

Silk generative art

A generative drawing toy: move your mouse and glowing silk threads follow, mirrored into symmetrical patterns. A striking image in a minute, no skill needed.

Instagram of the day
@malikafavreenWorldwide

Malika Favre's Bold Illustration

French illustrator Malika Favre works in flat colour and sharp light and shadow: minimal detail, maximum punch. Her portfolio includes New Yorker covers.

Instagram of the day
@seblesterenWorldwide

Seb Lester's Calligraphy

Lettering artist Seb Lester films letters flowing from the pen: crisp strokes, gold leaf, flourishes. Soothing to watch, no language required.

Instagram of the day
@abstractsundayenWorldwide

Christoph Niemann's sketchbook

The personal account of German illustrator Christoph Niemann: travel ink drawings, silkscreen prints and clever visual jokes built from everyday objects.

Instagram of the day
@olimpiazagnolimixItaly

Olimpia Zagnoli, Milan

Milan illustrator Olimpia Zagnoli: smooth shapes, bold flat colour, book covers, magazine pieces and prints in a style you spot instantly.