Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/michaelsboost/svgmotion

A free and open source vector animation tool
https://github.com/michaelsboost/svgmotion

animation gif gif-animation gifshot greensock javascript svg svg-animation svg2gif vector vector-animation

Last synced: about 8 hours ago
JSON representation

A free and open source vector animation tool

Awesome Lists containing this project

README

        

svgMotion
===================

I love making vector animations but finding an app to make vector animations on a phone simply didn't exist. Desktop users have [Animate CC](https://www.adobe.com/products/animate.html), [After Effects](https://www.adobe.com/products/aftereffects.html), [Toon Boom](https://www.toonboom.com/), [Rive](https://rive.app/), [Blender](https://blender.org/), [Synfig Studio](https://www.synfig.org/), [Haiku Animator](https://www.haikuanimator.com/), [Keyshape](https://www.keyshapeapp.com/), [Glaxnimate](https://glaxnimate.mattbas.org/), [Enve](https://maurycyliebner.github.io/index) etc: If you're on a Chromebook you have [Animatron Studio](https://www.animatron.com/studio/), [TweenUI](https://tweenui.com/animator/), [Wick Editor](https://www.wickeditor.com/), [Expressive Animator](https://www.expressivesuite.com/), and even [aniGen](http://anigen.org/) but mobile users have been left in the dark far too long. That's why I decided to build [svgMotion](https://michaelsboost.github.io/svgMotion)!

![](https://raw.githubusercontent.com/michaelsboost/svgMotion/gh-pages/screenshots/preview.png)

Version
-------------

1.000-release

License
-------------

MIT

Tech
-------------

svgMotion uses a number of open source projects to work properly:

* [SweetAlert](https://sweetalert.js.org/guides/) - For the awesome and stylish alert dialogs
* [AlertifyJS](http://alertifyjs.com/) - For the awesome and stylish notification dialogs
* [Font Awesome](https://fontawesome.com/) - a font and icon toolkit
* [GifShot](https://yahoo.github.io/gifshot/) - Library to create gif animations from an image sequence
* [Greensock](https://greensock.com/) - Library responsible for the whole animation process
* [jQuery](http://jquery.com/) - duh
* [JQuery MiniColors](https://labs.abeautifulsite.net/jquery-minicolors/index.html) - For the color picker
* [JSZip](https://stuk.github.io/jszip/) - package zip files in javascript
* [Normalize](https://github.com/necolas/normalize.css) - CSS reset library
* [FileSaver.js](https://github.com/eligrey/FileSaver.js/) - Client-side solution for saving files
* [Codemirror](https://github.com/codemirror/codemirror) - JavaScript component that provides a code editor in the browser

Development
-------------

Want to contribute? Great!

You can submit a pull request or simply share the project :)

*As of March 11th, 2022 svgMotion is no longer an active project. All updates as of that date and on are solely contributor based implementations.*

Of course, svgMotion is free and open source, so you can always fork the project and have fun :)

[![ko-fi](https://az743702.vo.msecnd.net/cdn/kofi2.png?v=0)](https://ko-fi.com/michaelsboost)

If svgMotion was at all helpful for you. You can show your appreciation a few ways...

1) Check out my Graphic Design Course: https://michaelsboost.com/graphicdesign
2) Registering on my store as a customer: https://michaelsboost.com/store
3) Buying me a coffee! http://ko-fi.com/michaelsboost
4) Purchasing one of my t-shirts: https://michaelsboost.com/gear
5) Purchasing any of my art: https://deviantart.com/michaelsboost/prints
6) Donating via PayPal: https://michaelsboost.com/donate
7) Donating via SquareCash: https://cash.me/$michaelsboost