SVG Gradients

48 Free SVG Mesh gradients Available in Figma and easy to copy-paste.

Process

01

1. For HTML

Scroll down and copy and paste the SVG code in your HTML file and use it for backgrounds, details or for whatever you want and need.This are 100% editable.

02

2. For Figma

Scroll down and copy and paste the SVG code in your HTML file and use it for backgrounds, details or for whatever you want and need.This are 100% editable.

Duplicate in Figma Share on Twitter

Other projects

01

1. Unwrapped UI

A prototyping kit for Figma

See more

02

2. SVG Doodles

A free collection of 50 different hand-made and editable SVG Doodles to spice up your online and offline designs!

See more

03

3. Colors and fonts

Color and typography inspiration easy to copy-paste

See more

04

4. Serendipity Theme

Serendipity, a VS Code theme, ported to other UI's

See more

05

5. Brutalist One

A collection of brutalist websites

See more

06

6. Store

Minimal, modern & professional design resources for designers, developers, agencies and startups.

See more

07

7. Wicked Backgrounds

Create beautiful backgrounds waves for yourdesigns.

See more

08

8. Studio 589

Unlimited web design subscriptions for growing startups. No expensive hourly billing. Fixed monthly rate. Pause anytime.

See more