Back to library
Preview of Gradient Magic
Site

Backgrounds, Effects & CSS Oddities · Gradient backgrounds

Gradient Magic

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

Why it’s a gem

Gradients that look nothing like the usual two-stop linear blur everyone ships

Visit gradientmagic.com
Author
(@GradientMagic)
Type
Website
License
free
Added
Aug 17, 2026
Domain
gradientmagic.com
cssgradientsbackgroundgallery

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 ShaderGradient

ShaderGradient

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

Unknownfreemium
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