SVG Gradients!

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

Duplicate in Figma

Share on Twitter →

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.

For Figma

Duplicate the file from the Figma Community page and enjoy. You can also copy them from here and paste directly on your Figma, sketch or any design file.

Launching soon – A newsletter with resources for web developers and digital designers.

Subscribe to know when is up and running.

Subscribe

Other resources

SVG Doodles

A collection of SVG Doodles easy to copy-paste on your HTML file or your favourite design tool.

Colors & fonts

Color and typography tools for Web Developers and Digital Designers.

Wicked Backgrounds

Create beautiful SVG backgrounds waves for yourdesigns.

Serendipity Theme

Serendipity is a VS Code theme that has been ported to other UI's, IDE's and APP's

Brutalist One

A collection of brutalist websits

Unwrapped Design

A prototyping kit for Figma