ruucm/shadergradient ? reverse-engineered prompt

Reverse engineered prompt

Build me a customizable 3D moving gradient tool that works in React, and also has a way to use it in Framer and Figma.

I want the main React version to be easy to drop into a page, with a full screen canvas and a gradient component inside it. It should let me tweak things like colors, movement speed, shape, camera angle, lighting, grain, and whether it animates. If possible, make it support loading settings from a shared URL so someone can paste in a link and get the same gradient setup.

Also include simple controls that can be reused in Framer and Figma, but keep the React core lean and focused on rendering. Please make it look polished out of the box, with a few good defaults and some example screens or starter demos so I can see how to use it right away. If you need to check the latest docs for the 3D and React bits, go ahead and look them up online.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab