VS Gradient Maker 🎨

Create and animate beautiful CSS gradients inside VSCode!

Features

Customise linear or radial gradients using a graphical user interface, recieving real-time updates as you design your gradient.

Go to the Command Palette using ctr + shift + p, type the command >Launch Gradient Maker and press enter to open the gradient editor.

NEW IN 1.1.0 🔥 Now supporting RGB and HSL gradient formats.

Add, remove and move color stops...

Animate your gradients...

and copy the CSS code directly to your clipboard!

Enjoy!

Release Notes

1.1.0

Minor release of VS Gradient Maker.

• Adds support for HSL and RGB gradient formats.

  1.0.0

  Major release of VS Gradient Maker.

  0.0.1

  Initial release of VS Gradient Maker.