Back to library
Preview of ShaderGradient
Site

Backgrounds, Effects & CSS Oddities · Gradient backgrounds

ShaderGradient

Animated 3D gradient meshes exportable as React components, Figma fills or Framer layers with camera and colour controls.

Why it’s a gem

Same animated gradient works in Figma mockups and in the shipped React app

Visit shadergradient.co
Author
ShaderGradient team
Type
Website
License
freemium
Added
Aug 17, 2026
Domain
shadergradient.co
gradientshaderreactfigma

More from Gradient backgrounds

Preview of Aura

Aura

Ambient background gradients built from layered CSS blend modes to simulate coloured light spilling across a surface.

Unknownopen-source
Preview of gradii

gradii

Open-source generator for high-resolution gradient wallpapers and hero images with noise, grain and mesh controls.

Unknownopen-source
Preview of meshgrad

meshgrad

Generates CSS mesh gradients as layered radial-gradient stacks, with a React helper for randomised output.

UnknownMIT
Preview of Gradient Magic

Gradient Magic

Gallery of unusual CSS gradients including patterned, striped and repeating conic effects, each with copyable source.

Unknownfree