Mesh Field

Mesh Field is a procedural ShaderWeave generator: describe the look in JSON, choose a seed, and render png, webp, gif, mp4, svg, css. It runs in the browser editor and through the rendering API, so a recipe you tune by hand can be reused in a build step or by a coding agent.

Mesh Field preview

Mesh Field preview

What it gives you.

  • Deterministic output — the same recipe, seed and engine version produce byte-identical frames.
  • Exports png, webp, gif, mp4, svg, css from one recipe.
  • Available in the editor, the REST API, the MCP server and the CLI.
  • Tune colors, points, softness, warp, definition, drift and more with schema-driven controls.

Parameters.

Mesh Field exposes these parameters. Every value is validated against the generator’s published JSON schema before a render starts.

  • colors
  • points
  • softness
  • warp
  • definition
  • drift
  • speed
  • loopSeconds
  • grain
  • grainAmount
  • brightness

Formats and credit cost.

  • png
  • webp
  • gif
  • mp4
  • svg
  • css

Still images cost one credit per output megapixel. Animation costs ten credits per megapixel per second. SVG and CSS output costs one credit.

Example outputCredits
Full HD image · PNG3
Full HD loop · MP4 · 6 seconds125

Call it from an API.

POST /v1/generate/mesh-gradient
curl -s -H "Authorization: Bearer $SHADERWEAVE_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"seed":42,"format":"mp4","size":{"width":1920,"height":1080},"params":{"loopSeconds":6}}' \
  https://shaderweave.com/v1/generate/mesh-gradient -o mesh-gradient.mp4

The same recipe works through the MCP server and the CLI on paid plans.

Where it works.

Hero and section backgrounds

Drop a full-bleed backdrop behind product copy, then regenerate the same art at any size without re-drawing it.

Brand-locked variants

Swap palette parameters to keep every campaign asset inside the same visual system, seeded so each version stays reproducible.

Automated pipelines

Request the recipe from a build step or an agent so landing pages ship with matching art on every release.

Questions.

How many credits does a Mesh Field render cost?
Stills cost one credit per output megapixel and animations cost ten credits per megapixel per second. Full HD image · PNG is 3 credits; Full HD loop · MP4 · 6 seconds is 125 credits.
Can I use Mesh Field output commercially?
Yes, on a paid plan. Free-plan exports are for evaluation and non-commercial use, and the free plan does not include API access.
Can I call Mesh Field from an API or a coding agent?
Yes. POST /v1/generate/mesh-gradient with a bearer API key renders synchronously, POST /v1/jobs queues an animation, and the MCP server exposes the same generator to coding agents. API access requires a paid plan.
Is Mesh Field output reproducible?
Yes. A render is a pure function of the generator, its parameters, the seed and the engine version, so re-running the same recipe returns the same frames later.