MOTIONX← Home

Build motion
with precision.

Getting started

A complete, expressive API for modern interface motion, synchronized rendering and responsive interactions.

animate('.target', {
  translateX: 320,
  duration: 900,
  ease: 'outExpo'
});

Timer

A complete, expressive API for modern interface motion, synchronized rendering and responsive interactions.

animate('.target', {
  translateX: 320,
  duration: 900,
  ease: 'outExpo'
});

Animation

A complete, expressive API for modern interface motion, synchronized rendering and responsive interactions.

animate('.target', {
  translateX: 320,
  duration: 900,
  ease: 'outExpo'
});

Timeline

A complete, expressive API for modern interface motion, synchronized rendering and responsive interactions.

animate('.target', {
  translateX: 320,
  duration: 900,
  ease: 'outExpo'
});

Animatable

A complete, expressive API for modern interface motion, synchronized rendering and responsive interactions.

animate('.target', {
  translateX: 320,
  duration: 900,
  ease: 'outExpo'
});

Draggable

A complete, expressive API for modern interface motion, synchronized rendering and responsive interactions.

animate('.target', {
  translateX: 320,
  duration: 900,
  ease: 'outExpo'
});

Scope

A complete, expressive API for modern interface motion, synchronized rendering and responsive interactions.

animate('.target', {
  translateX: 320,
  duration: 900,
  ease: 'outExpo'
});

Scroll observer

A complete, expressive API for modern interface motion, synchronized rendering and responsive interactions.

animate('.target', {
  translateX: 320,
  duration: 900,
  ease: 'outExpo'
});

SVG

A complete, expressive API for modern interface motion, synchronized rendering and responsive interactions.

animate('.target', {
  translateX: 320,
  duration: 900,
  ease: 'outExpo'
});

Utilities

A complete, expressive API for modern interface motion, synchronized rendering and responsive interactions.

animate('.target', {
  translateX: 320,
  duration: 900,
  ease: 'outExpo'
});

Easings

A complete, expressive API for modern interface motion, synchronized rendering and responsive interactions.

animate('.target', {
  translateX: 320,
  duration: 900,
  ease: 'outExpo'
});

WAAPI

A complete, expressive API for modern interface motion, synchronized rendering and responsive interactions.

animate('.target', {
  translateX: 320,
  duration: 900,
  ease: 'outExpo'
});

Engine

A complete, expressive API for modern interface motion, synchronized rendering and responsive interactions.

animate('.target', {
  translateX: 320,
  duration: 900,
  ease: 'outExpo'
});