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
• Burst
• Path Easing (coming soon) 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

• Reference

Tools

• Player
• Curve editor
• Timeline editor

Installation

# cdn
<script src="https://cdn.jsdelivr.net/npm/@mojs/core"></script>

# npm
npm i @mojs/core

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:

• Zak Frisch
• Erhan Karadeniz
• Jorge Antunes
• Daniel C. Henning
• Chris Dolphin
• Volodymyr Kushnir
• Wojtek Jodel
• Roman Kuba