Hero Effects — open-source WebGL backgrounds, measured live

MCP: get_recipe("", "Hero Effect")

12 open-source WebGL hero background effects (Paper Shaders Apache-2.0, Vanta.js MIT) rendered and measured live — fps, canvas, the exact config as tokens — each with a live parameter playground and an agent-ready recipe over MCP.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/effects.

Live effect labs

• Fog — Vanta.js · MIT · 61fps measured. Every parameter tunable live.
• God Rays — Paper Shaders · Apache-2.0 · 61fps measured. Every parameter tunable live.
• Grain Gradient — Paper Shaders · Apache-2.0 · 61fps measured. Every parameter tunable live.
• Halo — Vanta.js · MIT · 52fps measured. Every parameter tunable live.
• Mesh Gradient — Paper Shaders · Apache-2.0 · 61fps measured. Every parameter tunable live.
• Metaballs — Paper Shaders · Apache-2.0 · 61fps measured. Every parameter tunable live.
• Net — Vanta.js · MIT · 60fps measured. Every parameter tunable live.
• Neuro Noise — Paper Shaders · Apache-2.0 · 61fps measured. Every parameter tunable live.
• Pulsing Border — Paper Shaders · Apache-2.0 · 61fps measured. Every parameter tunable live.
• Smoke Ring — Paper Shaders · Apache-2.0 · 61fps measured. Every parameter tunable live.
• Topology — Vanta.js · MIT · 16fps measured. Every parameter tunable live.
• Waves — Vanta.js · MIT · 50fps measured. Every parameter tunable live.