Design & Type / Shader Gradient

Shader Gradient

Design moving 3D gradient backgrounds by tweaking noise, shape and camera, then export them or drop them into Figma, Framer or React.

Visit shadergradient.co Freemium #3d#animation#color

Websites like Shader Gradient

Drop in a flat logo or SVG and get a spinning 3D version with chrome, glass or gold materials, ready to export

Drop in a flat logo or SVG and get a spinning 3D version with chrome, glass or gold materials, ready to export

Plan a desk setup in 3D with real monitors, keyboards and lamps at true scale, then rearrange it until it feel

Plan a desk setup in 3D with real monitors, keyboards and lamps at true scale, then rearrange it until it feel

Animated icons that move on hover or click, with a large free set and an editor to change colours and stroke.

Animated icons that move on hover or click, with a large free set and an editor to change colours and stroke.

A huge library of small vector animations, free to use, with an editor to recolour them and export for web or

A huge library of small vector animations, free to use, with an editor to recolour them and export for web or

Build colour palettes and preview them instantly on logos, UI screens, illustrations and patterns.

Build colour palettes and preview them instantly on logos, UI screens, illustrations and patterns.

Upload a photo and pull smooth mesh gradients out of its colours, or build one from scratch and export it.

Upload a photo and pull smooth mesh gradients out of its colours, or build one from scratch and export it.