SCALABLE VECTOR GRAPHICS (SVG) EDITOR.
VISIT PROJECT WEBSITE FOR AN ONLINE DEMO ->
SVG is the standard format for storing vector graphics such as icons, banners, charts and illustrations.
Boxy SVG project goal is to create the best SVG editor for non-technical users as well as for professional designers and developers.
• Clean and intuitive UI heavily inspired by Inkscape, Sketch and Adobe Illustrator
• Extensive support for on-canvas editing of object geometry, transform, paint and other properties
• Save to SVG and SVGZ formats, export to PNG, JPG, WebP, PDF and HTML5
• Pixabay integration with over a million free stock photos and vector assets
• Google Fonts integration with hundreds of free fonts
• Configurable keyboard shortcuts for over 100 commands
• Manual guides, smart guides and grid
• Path operations (unite, intersect, subtract, exclude, close, reverse, etc.)
• Arrangement operations (align to, rotate, flip, order, group, etc.)
FOR WEB DEVELOPERS
• Chromium-based rendering engine
• SVG and CSS code inspector similar to Chrome Dev Tools
• Clean SVG output that preserves IDs, classes, titles and other metadata
• SVG sprites editing support
** This project is in active development with new features added each month. If you are missing something or you found a bug, please let me know by sending an email to email@example.com **
- [Added] "Commands" panel
- [Added] "Export Panel -> Normalize -> Remove hidden objects" option
- [Added] Format icons in the "Export" panel
- [Improved] Rename the "Preferences" dialog to "Settings" to follow the latest macOS HIG
- [Fixed] Tool and panel commands not shown in "Preferences -> Keyboard -> Shortcuts" on macOS
- [Fixed] Can't scroll docks when the app window is small
- [Fixed] Menubar disappears when the app window is small
Ratings and Reviews
Only One Complaint
I absolutely love this as a tracing/SVG generator software. Straightforward, simple to use. My only complaint is the default is to fill in any shape you create with the spline tool. I have to go over to the paint tool with every single design and unclick the fill button (paintbrush). It's annoying as crap because you have to stop mid-way through your project and go do this. Why is this the default? Makes no sense.
Developer Response ,
You could change the default style of newly created objects via tool settings, please check https://boxy-svg.com/questions/153 for more details. Also note that if an object has only a stroke and no fill, you will have to zoom it in and hit precisely the stroked area to grab a style from it.
Great tool, GREAT support, active development
BoxySVG is a great, simple, SVG drawing tool. It focuses on clean design and staying close to SVG. If you are making SVG for use in web design or for some application where the SVG structure matters, BoxySVG is perfect. The author is very responsive, and the app is actively developed with bug fixes or new features every few months.
Many of the "professional' SVG drawing tools are making things super complicated and obscure what you are actuakly creating. Some will transform an existing simple SVG into something crazy and complex. Converting circles to splines, or whatever. More features are not necessarily a good thing.
Something like an early beta
Seems to consistently display imported SVGs different than other programs, including transforms being off, objects showing a fill when they shouldnt, and other things being wrong; similar sorts of issues also seem to happen when opening SVG files made by Boxy SVG in other programs. This is quite odd since it is clearly an ELectron based app, so I would expect it to display SVGs the same way Chrome does.
It is missing basic functionality other low-end/free programs have like adding drop shadows or blur to lines and such.
The only XML editor that I could find in the program (i.e., the “Elements Panel”), which was necassary to get anything done, was also clearly just the Chromium developers tools, so no better than just using a standard browser to edit the SVGs.
The interface is nicely straightforward, which makes doing simple things convenient, but it is good for only really doing simple things.
Overall, I’ve wasted enough time with Boxys bugs and limitations, so back to the free alternatives (InkScape, Vectr, etc) for me, for now.
Developer Response ,
Boxy SVG uses the same rendering engine as Chrome and therefore it should render 99% of SVG files exactly the same way.
The remaining 1% are the files that make heavy use of "use" and "foreginObject" elements or contain external references. Those features are hard to support due to their complexity or platform restrictions. There is no editor that would fully support the entire SVG standard, but I would dare to say that Boxy SVG is one of the very few editors that comes close to it.
If some SVG file does not render correctly, please send it to firstname.lastname@example.org or open an issue on the public bug tracker (https://boxy-svg.com/bugs) so that I could investigate it further.
If you want to check whether Boxy SVG will be able to open your SVG file before purchasing it, please open Chrome, go to https://boxy-svg.com/app and drag the SVG file from the file manager into the web app canvas.
I have implemented the "Elements" panel from scratch, it does not share any code with the Chrome / Chromium developer tools (though it has similar look and feel). I'm planning to greatly improve this panel later this year.
Data Not Collected
The developer does not collect any data from this app.
Privacy practices may vary, for example, based on the features you use or your age. Learn More
- Jaroslaw Foksa
- 158.7 MB
- Graphics & Design
- Requires macOS 10.15.0 or later.
- Age Rating
- © 2012-2022 Jaroslaw Foksa
Up to six family members can use this app with Family Sharing enabled.