Black Lives Matter. Support the Equal Justice Initiative and read our statement here.


Organize your workspace, keep files optimized, prepare images for publishing.

MagicBox - Organize your workspace, keep files optimized

MagicBox is a tool to minify images, graphics, design source files. Organize a workspace by creating file sets, assign them to project, track file updates, export to project.


  • Icon manager
  • Font manager*
  • Sketch App files optimization
  • Reduce files size:
  • Optimize and reduce files
  • Followed formats supported:
    • SVG
    • JPEG
    • PNG
    • GIF
    • WEBP
    • TIFF
    • SKETCH
  • SVG Editor
  • Conver SVG to:
    • Base64 string
    • CSS background (URI encoded)
    • React ready*
    • Serializing CG/UIPaths (iOS, MacOS)
  • PX to REM converter*

*Comming soon

Author License: CC-NC Donate Repo Link


Pull Requests are welcome!

Getting Started

Clone this repository locally:

git clone

Install dependencies with npm:

npm install

There is an issue with yarn and node_modules when the application is built by the packager. Please use npm as dependencies manager.

To build for development

in a terminal window

npm run electron:local

Included Commands

Command Description
npm run electron:local Builds your application and start electron
npm run electron:build Builds your application and creates an app consumable based on your operating system
npm run electron:mac MacOS Build
npm run electron:windows Windows Build
npm run electron:linux Linux Build

Please run prettier on all of your PRs before submitting, this can be done with prettier --write in the project directory


This project is licensed under the CC BY-NC 4.0 Creative Commons License - see the file for details


  • Alexander Katrukhin - Provided README Template - akatrukhin
Files import Files import
Project files preview Project files preview
File preview File preview
SVG image code SVG image code
Icon export Icon export
Light/Dark Theme Light/Dark Theme

Something missing? Edit this app.

Keyboard Shortcuts

Key Action
/ Focus the search bar
Esc Focus the search bar and cleans it
Select the next search result
Select the previous search result
Enter Open the selected search result
cmdEnter Ctrl+Enter Open the selected search result in a new tab