Ripple Grid

A distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

Nexu c116b57 4 files · 6.0 KB Updated

File contents

ripple-grid

A GPU fragment-shader background (dependency-free WebGL).

How to apply

Copy _fx/shaderbg.js + ripple-grid.js; add <div class="ripple-grid" style="position:absolute;inset:0"></div> behind content.

nexu-io/motion-anything/tree/main/recipes/web/ripple-grid commit c116b5731c

Frequently asked questions

npx skillmds@latest add nexu-io/ripple-grid