gradient

Generates smooth CSS gradients with selectable interpolation colour space (LRGB, HSL, HCL, LAB), easing curve and stop precision.

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

Combines soft color blobs with an SVG noise filter to produce the grainy gradient backgrounds used across modern landing pages.

Produces fluid, turbulence-displaced SVG gradient backgrounds using feTurbulence filters, with live colour and distortion controls.

Gallery of layered box-shadow recipes that create gradient-like glows, each copyable as plain CSS.

Generates multi-stop CSS gradients that follow an easing curve, eliminating the grey mush in the middle of fades.

Generates multi-colour gradient box-shadows in pure CSS with live preview and copyable output.

Aggregated generators producing triangle mesh, particle, topographic gradient and photo-based hero background images for download.

Metal-powered variable blur for SwiftUI, letting blur radius vary across a view with a mask.

Figma plugin that rebuilds a gradient using an easing curve so the fade has no hard midpoint banding.

Rust-and-WebAssembly colour gradient library exposing scientific colormaps and custom gradient construction to JavaScript.

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

Tailwind CSS plugin that adds proper gradient borders without the usual pseudo-element and background-clip hacks.

Zero-dependency WebGL library for animated mesh-gradient backgrounds: seamless loops, mounts to any element, exports frames.

SwiftUI modifier adding gyroscope-driven lighting, sheen and motion-reactive gradients to any view.

Mesh gradient designer with draggable color points, blur controls and export to CSS, PNG or SVG.

Curated set of animated and static CSS gradient backgrounds, each copyable as pure CSS with no images.

Illustration builder with combinable hand-drawn objects and gradient backgrounds, editable directly in the browser.

Mesh gradient generator with noise and grain overlays, exporting PNG or CSS-ready output at chosen resolution.

Page that renders the current sky at your approximate location as a live CSS gradient, refreshing every minute.

Generator producing the soft multi-stop mesh gradients popularised by AI product marketing sites, exportable as CSS.