Backgrounds & Atmosphere

Gradients, grids, noise, patterns and animated backdrops that set the mood behind your UI.

Live in this category

3 components

Pure CSS

Mesh Gradient

Gradient Mesh

Featured

Gradient border card

One pixel of brand colour around the edge, no extra wrapper divs.

Gradient Border

Dot pattern surface

Dot Pattern

bg.ibelick.com

Copy-paste Tailwind backgrounds

BackgroundsFreeTailwindCSS

by Julien Thibeaut@ibelick

haikei.app

Generate SVG shapes, blobs and waves

BackgroundsFreeSVG

heropatterns.com

Repeatable SVG background patterns

BackgroundsFreeCSSSVG

jitter.video

Animated background templates

BackgroundsFreemiumLottieVideo

magicpattern.design

Pattern, gradient and mesh generators

BackgroundsFreemiumCSSSVG