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.

Features

• 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*

^{<i>*Comming soon</i>}

Contributing

Pull Requests are welcome!

Getting Started

Clone this repository locally:

git clone https://github.com/akatrukhin/MagicBox.git

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

License

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

Authors

• Alexander Katrukhin - Provided README Template - akatrukhin