WebGradients
A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.
Product Overview
Gradient Library: 180 linear gradients numbered and themed Code Copy: One-click CSS gradient code Download Options: PNG gradient images and Sketch/Photoshop plugins Completely free, no registration required, commercial use allowed Gradients categorized by style for quick discovery
Best For
Designers who want a curated, commercially-safe set of linear gradients with native Sketch and Photoshop integration.
Key Features
- 180 premium linear gradients numbered and organized by theme
- One-click CSS gradient code copying
- PNG gradient image downloads for design software
- Official Sketch and Photoshop plugins available
- Commercial use allowed with no attribution required
Pros
- +Well-organized, numbered catalog makes referencing easy
- +Sketch and Photoshop plugins integrate directly into design tools
- +Commercial use without attribution is a major plus for agencies
Cons
- -Limited to 180 gradients — smaller than some competitors
- -Only linear gradients, no radial or mesh gradient support
/// SPECS
- Pricing:Free
Mesh Gradients
A free mesh gradient collection with 100 presets, multi-format downloads, and rainbow/pastel/natural styles.
Grabient
A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access.
Gradient Hunt
A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.
ColorHuddle
A palette tool with live examples, offering copyable color codes and landing page previews, completely free.
Supa Palette
A Figma plugin for generating accessible palettes with 14 color systems, contrast checking, and multi-format export for design systems.
RandomA11y
An accessible color combo generator producing WCAG/APCA-compliant contrasts with multi-format values and CSS code.
Designgradients
A free collection of 48 designer-curated linear gradients with HEX values, ideal for digital art backgrounds.
ColorSlurp
A cross-platform color tool suite with precision picking, palette management, contrast checking, and Mac/iOS sync.
Sip
A modern color picker and collaboration tool with menubar access, team palette sharing, and contrast checking for design workflows.
Gradientos
A UI element gradient showcase tool offering curated CSS gradients with live preview on interface components.