Check out our new Visual SVG Filter Builder tool!

[dave]

To all SVG fans,

We recently published a tool for building SVG filters visually: https://svgfilters.com. The tool allows you to explore SVG filters or build your own from scratch. SVG filter effects are made of filter primitives (such as Gaussian Blur, Offset, Flood, Turbulence, ...) that can be combined to form a directed graph. The tool then gives you the SVG code that you can use in your projects either in SVG or it can be applied to HTML elements via the CSS filter: url() property. Also, you can upload an SVG file containing filters into the tool and it parses the SVG and renders your filters visually allowing for further editing.

Here's a basic guide to the tool:

We hope you'll enjoy the tool, and - as always - if you have any feedback, just let us know! We'd also appreciate if you can share the tool with your friends and colleagues so that they can learn about SVG filter effects too...

Have a great weekend!

Your JointJS Team