Skip to content

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

License

Notifications You must be signed in to change notification settings

pixel-perfectionist/MagicBox

Repository files navigation

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

MagicBox

  • 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

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