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.themasterofnone.xyz/#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.
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.themasterofnone.xyz/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).
Same generator as plain JSON, no auth:
curl "https://fluid.themasterofnone.xyz/api/piece?look=borealis" curl "https://fluid.themasterofnone.xyz/api/piece?field=flow&palette=sunset&warp=4" curl "https://fluid.themasterofnone.xyz/api/piece?field=cellular&palette=ocean&seamless=true" curl "https://fluid.themasterofnone.xyz/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.
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.