Mojs

The motion graphics toolbelt for the web
Alternatives To Mojs
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Aseprite25,756
17 hours ago1,512C++
Animated sprite editor & pixel art tool (Windows, macOS, Linux)
Mojs18,2021023122 days ago15August 30, 201736mitCoffeeScript
The motion graphics toolbelt for the web
Material11,964
2392 years ago210September 23, 201925mitSwift
A UI/UX framework for creating beautiful applications.
G211,914530337a day ago348December 06, 2023141mitTypeScript
📊 The concise and progressive visualization grammar.
Konva10,40661055115 days ago196October 31, 202328otherTypeScript
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
Macaw5,961
2117 days ago11April 10, 2020137mitSwift
Powerful and easy-to-use vector graphics Swift library with SVG support
Pixelorama5,859
3 hours ago32mitGDScript
A free & open-source 2D sprite editor, made with the Godot Engine! Available on Windows, Linux, macOS and the Web!
Libresprite4,107
a month ago22gpl-2.0C++
Animated sprite editor & pixel art tool -- Fork of the last GPLv2 commit of Aseprite
Runtime3,876192 days ago278June 21, 2023257mitTypeScript
A typescript interactive engine, support 2D, 3D, animation, physics, built on WebGL and glTF.
Scenejs2,48212558 months ago108June 05, 202324mitTypeScript
🎬 Scene.js is JavaScript & CSS timeline-based animation library
Alternatives To Mojs
Select To Compare


Alternative Project Comparisons
Readme

mo js npm ci Coverage Status Slack

The motion graphics toolbelt for the web.

mo  js

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 has 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.

Install

Use with a bundler

Mojs is published on the NPM registry, so you can install it through the command line interpreter using your favorite package manager. This is the best way to install the library if you are comfortable with javascript bundlers like webpack or rollup.

# npm
npm install @mojs/core

# yarn
yarn add @mojs/core

Then import it like any other module inside your build:

import mojs from '@mojs/core';

new mojs.Html({
  // ...
});

Using a bundler has many advantages like output compression, code splitting, tree shaking, etc., so we encourage you to use this kind of tool with mojs.

Use with a CDN

To rapidly include the minified production file in your web page, load the latest build from your favorite CDN using a generic script markup:

<!-- unpkg -->
<script src="https://unpkg.com/@mojs/core"></script>

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

Then instanciate using:

<script>
  new mojs.Html({
    // ...
  });
</script>

By default, if no one is specified, the CDN will automatically target the @latest version of mojs and load the UMD build from dist/mo.umd.js.

User guide

The base documentation you need to get started with mojs.

Learn

Discover the amazing things that mojs can do!

Developer

Get technical informations, open an issue/pull request or join the (amazing) community!

Showcase

Browser support

  • Chrome 49+
  • Firefox 70+
  • Opera 36+
  • Safari 8+
  • Edge 79+

Many other browsers may work, but are not extensively tested.

Maintainers

Since 2019, mojs ecosystem is maintained and developed by:

Contribute

If you want to report a bug or request a new feature/improvement, please read the project contributors guidelines before. Thanks for taking time to contribute.

Popular Graphics Projects
Popular Animation Projects
Popular Graphics Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Es6
Animation
Coffeescript
Graphics
Shape
Timeline