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!

License

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

Compatibility

Brackets 1.1 or newer.