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 firstname.lastname@example.org **
- Bugfix: Can't open files on macOS High Sierra 10.13 or earlier (reported by Leiven)
Ratings and ReviewsSee All
Great tool for basic SVG editing
I needed a basic SVG editing tool that was more user friendly than Inkscape and not as expensive as the professional designer vector art software on the market. Boxy SVG was perfect for my needs—change some colors, add some text, etc.
Thanks for creating such a fantastic tool!
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 email@example.com 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
- 81.1 MB
- Graphics & Design
- Requires macOS 10.10.0 or later.
- Age Rating
- © 2012-2021 Jaroslaw Foksa
With Family Sharing set up, up to six family members can use this app.