CSS HDR Gradients
gradient.styleBuild CSS gradients while exploring different colour spaces.
Build CSS gradients while exploring different colour spaces.
Animate colour gradients on a web canvas with configurable states.
Matching icon styles with browser editing, desktop access and animated options.
Edit and convert animated images
Build palettes around a fixed colour and carry them into gradients
Stack gradient layers and turn the composition into CSS.
Overlay and edit animated or still images
Shape an OKLCH palette and export it as swatches, gradients or shader code
Animated SVG icons with static, CSS and frame-based alternatives.
Animated UI symbols with explicit hover, click and loop behaviors.
Liquid simulation with detailed meshing controls and animated geometry exports
People and vehicle animation for architectural crowds and traffic scenes
A small collection of animated SVG loading indicators.
Weather symbols in animated SVG, static SVG and Lottie formats.
Customizable animated icons with Lottie, SVG and PNG delivery.
Animated icon families with editable motion states and several export formats.
Create static and animated cover mockups for digital products.
Turn image and layer data into vector halftones and stippled artwork
Browse shared palettes, gradients and image-based colour inspiration.
Build palettes, gradients and light or dark interface themes.
Derive page backgrounds and gradients from the images they surround.
Model paint-like colour mixing in a JavaScript application.
Find named, community-contributed gradients for design and code.
Mobile reference boards with frame-by-frame GIF viewing