Brackets extension to live preview SVG files inline as you edit them
JavaScript CSS
Switch branches/tags
Nothing to show
Latest commit 9da4093 Mar 10, 2015 @peterflynn - Bump max height to 3/4 of window size - seems acceptable
- Don't show crazy number of decimals in zoom label
- Mark this release

SVG Preview for Brackets

Adds an inline live preview panel when editing SVG files. The preview updates in real time as you type. Works great with Everyscrub!

Click the swatches at top to choose a background color for the preview. Use the +/- buttons to zoom and the "1:1" button to reset to 100% scale.

Click any part of the SVG graphic to select the corresponding tag in the code.

How to Install

SVG Preview is an extension for Brackets, a new open-source code editor for the web.

To install extensions:

  1. Choose File > Extension Manager and select the Available tab
  2. Search for this extension
  3. Click Install!


MIT-licensed -- see main.js for details.


Brackets 1.1 or newer.