Paper Shaders: Mesh Gradient — Hero Effect

Open Source · recipe

Mesh Gradient — an animated WebGL hero background from Paper Shaders (Apache-2.0, open source). Rendered and measured live: 61fps on a 1440×900 canvas. Exact config shipped as tokens · npm i @paper-design/shaders-react.

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/inspiration/paper-shaders-mesh-gradient-hero-effect.

Palette

UX patterns

UI elements

Context

• All of Paper Shaders

More from Paper Shaders

• Hero Effect — God Rays — Hero Effect
• Hero Effect — Grain Gradient — Hero Effect
• Hero Effect — Metaballs — Hero Effect
• Hero Effect — Neuro Noise — Hero Effect
• Hero Effect — Pulsing Border — Hero Effect
• Hero Effect — Smoke Ring — Hero Effect