Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Mini Gradient PreviewNew to Visual Studio Code? Get it now.
Mini Gradient Preview

Mini Gradient Preview

Vicky's Lab

|
2,078 installs
| (3) | Free
An extension to help visualize css graidents in editor
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Mini Gradient Preview 🌈

Mini Gradient Preview allows you to visualize your css gradients in the editor in the form of mini previews next to the gradient declaration

Features

  • Works on linear-gradient,radial-gradient,conical-gradient,repeating-linear-gradient.

"first.png"

  • Works on multi-line declarations.

"second.png"

  • Real-time changes.

"third.gif"

  • Show or Hide previews in your workspace using Show Gradient Previews and Hide Gradient Previews commands.

"fourth.gif"

  • Works on all types of files that have css gradient declarations

"fifth.png"

  • Only self contained CSS gradients are supported (no variables).

Icon provided by Murphy

Release Notes

1.0.0

Initial release of mini gradient preview

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