Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Gradient MakerNew to Visual Studio Code? Get it now.
Gradient Maker

Gradient Maker

TheBuilder

|
3,926 installs
| (1) | Free
Create, animate, and view beautiful CSS gradients inside VSCode
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VS Gradient Maker 🎨

installs size release

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.

demo

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

NEW 🔥 Add, remove and move color stops...

color

Animate your gradients...

animation

and copy the CSS code directly to your clipboard!

copy

Enjoy!

Release Notes

1.0.0

Major release of VS Gradient Maker.

0.0.1

Initial release of VS Gradient Maker.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft