Iridescence

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

Nexu 1058104 4 files · 3.7 KB Updated

File contents

iridescence

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

How to apply

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

nexu-io/motion-anything/tree/main/recipes/web/iridescence commit 1058104b97

Frequently asked questions

npx skillmds@latest add nexu-io/iridescence