Fluid — Dev

Generative assets for your site — embed a live background or export a static one. Free forever, renders on the viewer's GPU, no key, no quota
00 — Embed a live background

Design a piece in the studio, then in 06 — Share & embed copy it one of three ways. The iframe renders canvas-only and animates live; the hash carries every parameter, so it is your exact piece. Free for any site, personal or commercial.

Copy iframe — a responsive block you size yourself:

<iframe src="https://fluid.krackeddevs.com/#p=…,1"
  style="width:100%;height:480px;border:0" loading="lazy" title="Fluid background"></iframe>

Copy full-bleed — a fixed background behind your page (never eats clicks):

<div style="position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none">
  <iframe src="…/#p=…,1" title="Fluid background"
    style="width:100%;height:100%;border:0;display:block"></iframe>
</div>

Copy CSS — for a static background: export an image in 07 — Export, host it, then drop in the snippet (seamless exports use background-repeat):

body { background: url("your-fluid.jpg") center / cover fixed no-repeat; }

Drop the trailing ",1" from any link to open the full studio instead.

01 — MCP (Claude)

Add the server once, then ask Claude for pieces in plain language — "give my hero section a thermal fluid-chrome background, chunky pixels" — and it returns working embed code.

claude mcp add --transport http fluid \
  https://fluid.krackeddevs.com/mcp

Tools: create_piece (params or a named look, returns share URL + iframe), list_looks (curated starting points: borealis, afterglow, tide, twilight, magma, meridian, nebula, plasma, velvet, coral, glacier, onyx), decode_link (read parameters back out of any share URL to remix it).

02 — API

Same generator as plain JSON, no auth:

curl "https://fluid.krackeddevs.com/api/piece?look=borealis"
curl "https://fluid.krackeddevs.com/api/piece?field=flow&palette=sunset&warp=4"
curl "https://fluid.krackeddevs.com/api/piece?field=cellular&palette=ocean&seamless=true"
curl "https://fluid.krackeddevs.com/api/looks"

Params: look, field (noise / flow / cellular / gyroid / truchet / interfere / kaleido), screen (square / hex / ascii), seamless (true for a CSS background-repeat tile), palette (aurora / sunset / ocean / dusk / ember / mint / iris / chrome), seed 3–92, speed 0–3, zoom 0.5–4, warp 0–9, grain 0–0.3, pixel 1–48, dot 4–26, halftone, aspect (1:1 / 4:5 / 5:4 / 3:2 / 16:9 / 9:16). Omit seed for random.

03 — Rules of the road

Embeds are free for any site, personal or commercial. Visitors' own photos can only be loaded inside the tool — never via URL, so nothing you embed can read anyone's data. Everything computes client-side; there is no server to outgrow.

STAGING