Backgrounds & Textures

Patterns, gradients and textures for hero sections and backgrounds.

5 tools

Backgrounds

4 tools

Free

Build CSS linear and radial gradients with a colour picker

BackgroundsCSS gradient generator

Freemium

Generate and export repeating SVG, CSS and PNG patterns

BackgroundsCustomizable SVG patterns

Curated

Subtle repeating texture patterns with copy-ready CSS

BackgroundsFree subtle texture patterns

Open source

180 copy-ready CSS gradient backgrounds for sites and UI

BackgroundsFree gradient collection

1 tool

Freemium

Generator for SVG waves, blobs and background shapes

CSS GeneratorsSVG shapes and waves generator