mo · js – 
The motion graphics toolbelt for the web.
Intro
mo · js is a javascript motion graphics library that is a fast, retina ready, modular and open source. In comparison to other libraries, it have a different syntax and code animation structure approach. The declarative API provides you a complete control over the animation, making it customizable with ease.
The library provides built-in components to start animating from scratch like html, shape, swirl, burst and stagger, but also bring you tools to help craft your animation in a most natural way. Using mojs on your site will enhance the user experience, enrich your content visually and create delightful animations precisely.
Demos
- Motion Graphics for the Web
- Bubble Layout
- Sleepy Mole
- Animocons
- Love or Hate Modal
- Mograph
- Word Reveal
- Jump and Squash
- Physical Balls
- Dust Trail
- Bubble Modal
- Bubbles
- Blast (click to see)
- Simple Burst (click to see)
- Dusty Burst (click to see)
- Twitter Fav (click to see)
- Twitter Fav (stars) (click to see)
- Twitter Fav Firework (click to see)
- Simple Ripple (click to see)
Tutorials
- Shape & Swirl (broken link) API/shape
- Burst (broken link) API/burst
- Path Easing (broken link) API/easing/path-easing
- Video with MojsPlayer and MojsCurveEditor
- Icon Animations Powered by mo.js
- An Introduction to mo.js, by Sarah Drasner
- Web Animations and Mo.js with Sarah Drasner [Video]
Documentation
Tools
Installation
npm: npm install @mojs/core
cdn: <script src="https://cdn.jsdelivr.net/npm/@mojs/core@latest/build/mo.min.js"></script>
bower: bower install mojs
Target browsers
- Chrome 4+
- Firefox 4+
- Opera 11.5+
- Safari 4+
- IE 9+
Kudos
Meet some of the outstanding guys that support mojs on Patreon:
