GitHubBackgrounds, Effects & CSS Oddities · Gradient backgrounds
Generates CSS mesh gradients as layered radial-gradient stacks, with a React helper for randomised output.
Why it’s a gem
Mesh gradients without a canvas or an image, so they cost nothing to render
Ambient background gradients built from layered CSS blend modes to simulate coloured light spilling across a surface.
Animated 3D gradient meshes exportable as React components, Figma fills or Framer layers with camera and colour controls.
Open-source generator for high-resolution gradient wallpapers and hero images with noise, grain and mesh controls.
Gallery of unusual CSS gradients including patterned, striped and repeating conic effects, each with copyable source.