Skip to content
don’t make it ugly
All resources

ToolAssets, Tools

Haikei

Generate blobs, waves, gradients and patterns as SVG backgrounds.

Free
Preview of Haikei

What it is

Haikei is a free web tool that generates organic SVG shapes and backgrounds: layered waves, blobs, low-poly meshes, stacked steps, gradient blurs. Adjust the settings, then download the SVG or PNG.

Why it’s here

Handy for section dividers and hero backgrounds. Keep the shapes subtle and the colours from your own palette, otherwise it looks like a 2019 template.

Best for

  • section backgrounds
  • hero shapes
  • dividers

Can my agent use this?

Agent limited agent friendliness

Not directly; it's a visual tool. Generate and download the SVG, then hand the file to your agent.

Limited: Mainly a visual reference. Great for humans and for describing a direction, but there's little an agent can read or install.

Access methods

  • Public website
  • Download

  • Hero Patterns
    Preview of Hero Patterns

    Hero Patterns

    Repeatable SVG background patterns as a single line of CSS.

    Asset libraryFreeOpen sourcegood agent friendliness
  • unDraw
    Preview of unDraw

    unDraw

    Open-source illustrations you can recolour to match your brand.

    Asset libraryFreegood agent friendliness
  • Iconify
    Preview of Iconify

    Iconify

    One API and one component for two hundred thousand icons from every major set.

    Asset libraryFreeOpen sourceexcellent agent friendliness
  • Accessible Palette
    Preview of Accessible Palette

    Accessible Palette

    Build colour scales where every step has predictable, accessible contrast.

    ToolFreegood agent friendliness