Mesh Gradient
Soft pools of colour that drift and melt into each other.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- speed
- warp
- grain
- trigger
What it does
Mesh Gradient is an animated background ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called gradient background, aurora, grainy gradient or shader background.
Four colours glide slowly behind your content, blending as they pass, with a fine paper grain on top. It rests when scrolled out of view, holds still for visitors who prefer less motion, and leaves text crisp and selectable.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.