ShaderGradient Integration

Use this skill to add high-quality animated gradient backgrounds with @shadergradient/react.

When To Use

• User asks for ShaderGradient integration in React or Next.js
• User wants animated gradient hero/background sections
• User mentions @shadergradient/react or shadergradient.co settings URLs
• User needs tuneable color/animation gradients with Three.js

Install

Install required runtime packages:

npm i @shadergradient/react @react-three/fiber three three-stdlib camera-controls
npm i -D @types/three