It’s now easy to add in your own hover-effects, CSS transitions, and animations. Now start adding your own CSS classes to your SVG elements and a block at the top and you’ve got something more powerful. If you’re comfortable with HTML, open your SVG file in your favorite text editor and you should see a well-structured, neat file you can understand. Secondly, Boxy SVG writes neat, efficient, readable SVG. You’ll start to plan better web icons, infographics and charts with that knowledge.Ģ). Firstly, by limiting the UI options, Boxy helps you get a feel for what SVG is good at. I think there are two good reasons for checking out Boxy SVG.ġ). Symbols: Select any graphic that you have created, hit the ‘+’ button on the Symbols menu and you’ll see it instantly appear in the Symbols panel.īut I Have a Vector Application that Exports SVG.

Boxy SVG makes it very easy to create, manage and reuse your Symbols and Patterns. It’s a little like a block for graphic elements. This is a section at the top of your SVG document where you can define reusable resources like Symbols and Patterns. Perhaps the single coolest thing about the SVG format is the concept of ‘definitions’ or. Clicking the pattern box will open the DEFS panel, where the patterns are stored.

Path (convert to path, unite, subtract etc)Īlong with the predictable color pickers and gradient controls, Boxy offers a pretty cool ‘pattern-fill’ option – that’s the stripey box.

Defs (reusable resources like patterns & symbols).

Typography (including font, size & type on a path).

Arrangement (alignment, transforms, Z order).The Panels on the right are probably the more interesting menus.

Now I don’t want to do a comprehensive review here – you know what a vector editor does – but I want to touch on a few features I really like about it.Īs you would expect, Boxy comes with a range of vector creation tools – pens, bezier curves, text, and the basic shapes provided in SVG (rectangles, circles, triangles etc). Boxy SVG is a FREE simplified vector editor – running as a Chrome App – designed to give you full access to precisely the features that SVG is good at.

Best free svg editor online