Free & open source · 58 generators

Beautiful SVG backgrounds, generated in seconds.

Pick a generator, tune the palette, shapes and size, and export a crisp SVG or PNG for your website, slides or social cards. No account, no watermark, no paywall.

Open the appTry a generator
  • No sign-up
  • SVG & PNG export
  • MIT licensed
  • Works with Figma & code
generators, growing weekly
58
vector export, PNG up to 4K
SVG + PNG
for the editor, forever
$0
open-source engine & packages
MIT
How it works

From blank canvas to finished background in three steps

Creatica is an editor, not a stock library. Every background is generated on the fly, so it is always unique to you.

  1. 01

    Pick a generator

    Waves, blobs, Bauhaus, topography, grain gradients, geometric grids — every style has its own generator with a sensible default.

  2. 02

    Make it yours

    Swap palettes or paste your brand colours, adjust density, shapes and noise, and set the exact canvas size you need. Everything previews live.

  3. 03

    Export & ship

    Download a clean SVG for the web or Figma, or a PNG for slides and social. Re-render the same seed any time to get the identical image.

Generators

One editor, dozens of styles

Each generator is a small, deterministic program. Same settings and seed, same image — every time, at any resolution.

Browse all 58 generators
Editor

Every knob you need, none you don't

Built for people who ship: fast previews, exact sizes, real brand colours and exports that stay sharp on any screen.

Live preview, no waiting

Every change re-renders instantly on canvas. Shuffle a new seed, switch a palette, drag a slider — what you see is exactly what you export.

The Creatica editor rendering the Golf generator, with layout, palette and shape controls

Palettes & your brand

Curated moods to start from, or paste your own hex colours and lock them.

  • Under the sea
  • Warm rustic
  • Tranquil oasis
  • Neon night
Your brand
#0f172a#38bdf8#f472b6Lock

Any size, pixel-exact

Presets for common screens and cards, or type your own dimensions.

  • OG card1200 × 630
  • MacBook 14"3024 × 1964
  • iPhone1179 × 2556
  • Customany × any

Shapes, density & seeds

Tune rows, columns, noise and stroke. Every image has a seed, so a look you like is never lost.

Crisp SVG, or PNG up to 4K

Vector output drops straight into Figma, CSS or a React component. Need a raster? Export PNG at the exact size.

.svg.png4096 × 4096
For developers & agents

The same engine, headless

Every generator also runs outside the browser. Use the CLI in a build step, hand the MCP server to Claude or Cursor, or embed a hosted image URL that stays on-brand.

API & MCP plansRead the docs
@creatica/engine
render SVG / PNG
@creatica/mcp
stdio + HTTP
@creatica/cli
list · gen · random
terminal
# list generators and their options
npx @creatica/cli list
npx @creatica/cli describe wave

# render an OG image for a blog post
npx @creatica/cli gen wave \
  --seed "my-post" --width 1200 --height 630 \
  --colors "#0f172a,#38bdf8" -o og.svg

Generate from a script or a build step. Runs locally, no account.

Open source

Fully free and open.

Creatica started as a side project and is now a community tool. Read the code, add a generator, or run the whole thing yourself.

Star on GitHub

  • Free for any use

    Personal or commercial, attribution appreciated but never required.

  • MIT licensed

    The engine, schema, CLI and MCP server are published under MIT.

  • Easy to extend

    A generator is two files: info.ts for metadata, generate.ts for the SVG.

FAQ

Questions, answered

Is Creatica really free?

Yes. All 58 generators, every option and unlimited SVG and PNG exports are free, with no account. The only paid product is the hosted API and remote MCP server for people who need permanent image URLs at scale — and even that has a free tier.

Can I use the backgrounds commercially?

Yes. Backgrounds you generate are yours to use in personal and commercial projects. Attribution is welcome but not required. See the terms page for the short version.

What is the difference between SVG and PNG export?

SVG is a vector file: it scales to any size without losing sharpness and can be edited in Figma, Illustrator or by hand. PNG is a bitmap at the exact pixel size you choose, handy for slides, social posts and tools that do not accept SVG.

Will I get the same image again later?

Every render is deterministic: the same generator, options and seed produce the same image. Keep the seed and you can re-render at a bigger size or a different format any time.

Can I use it from code or with an AI agent?

Yes. The CLI and MCP server run locally via npx with no account. Claude Code, Cursor and any MCP client can call the generators as tools. The hosted HTTP API adds cacheable image URLs and brand kits.

How do I add my own generator?

Fork the repository, add an info.ts and generate.ts under core/structures, register it in the index and open a pull request. The README walks through it.

Your next background is a few clicks away.

Open the editor, pick a style and export. No account, no watermark, no catch.

Start creating for free