Shader Flow

A soft animated shader-style background with flowing gradient motion.

Background Effectsgradienthoverbackgroundshadergradientanimationflowingblobsframer-motion

Shader Flow

Nexus UIShader Background
Flowing gradient animation
blobsnoiseblur

Playground

Shape the component before you copy it.

Adjust the important props for this component and grab JSX that matches your choices.

intensity

Control the intensity of cursor-reactive movement.

Animation effects

gradienthover

Copy-paste ready

Use the Code tab above to inspect and copy this component into your project.