• Stars
    star
    289
  • Rank 143,419 (Top 3 %)
  • Language
    TypeScript
  • License
    Apache License 2.0
  • Created over 8 years ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Reusable gestural interactions in JavaScript. In development.

logo Material Motion for JavaScript

Current version: Test status Code coverage
HEAD: Test status Code coverage

Chat

This repo houses the JavaScript implementation of Material Motion. For more information about the project as a whole, check the Starmap.

High-level Goals

  • To make gestural interactions as easy to reuse across applications as UI components already are.

  • To enable the motions and gestures described in the Material Spec to be easily implemented by application authors in the JS ecosystem.

  • To make prototyping new animated experiences simpler.

  • To yield a system that feels robust by default. Fragile interactions erode user trust in the overall system: “should I enter my password in a glitchy app?”

  • To allow interactions to be inspected and tweaked with visual tools.

  • To allow interactions to be easily ported across platforms.

  • To allow authors to write views in terms of URLs, and have the system guide the transitions between them.

    • Note: This is an eventual goal. In the near term, Material Motion is focused specifically on aiding the creation of reusable gestural interactions.

Contributing

Want to contribute? Awesome - thanks for helping!

To get started, just run these commands:

git clone [email protected]:material-motion/material-motion-js.git
cd material-motion-js
yarn
$( yarn bin )/lerna bootstrap

They will check out the repo, install the dependencies for each package, and link the packages to one another. Then, find the package you want to work on in packages and start coding!

License

Apache 2.0

More Repositories

1

material-motion-swift

A toolkit for building responsive motion using Core Animation.
Swift
1,419
star
2

direct

Direct is a tool that helps motion designers provide clear, precise motion direction for engineers.
TypeScript
462
star
3

material-motion-android

Reactive motion for Android. Deprecated; please use the Motion library in Material Components for Android instead: https://material.io/develop/android/theming/motion/.
Java
445
star
4

apidiff

Generate API diffs as markdown for Objective-C, Swift, and Android libraries.
Swift
116
star
5

indefinite-observable-js

An Observable for JavaScript that never calls complete or error
JavaScript
68
star
6

motion-animator-objc

A Motion Animator creates performant, interruptible iOS animations from motion specs.
Objective-C
54
star
7

material-motion

Starmap and team docs
JavaScript
49
star
8

motion-transitioning-objc

Light-weight API for building UIViewController transitions.
Objective-C
28
star
9

physics-android

Java
28
star
10

motion-interchange-objc

A standard format for representing animation traits in Objective-C and Swift.
Objective-C
18
star
11

gestures-android

Gesture recognizers for Android
Java
18
star
12

material-motion-rebound-android

Java
17
star
13

indefinite-observable-swift

A generic Observable for Swift
Swift
8
star
14

tools

The Material Motion team's tools
Shell
7
star
15

indefinite-observable-android

An Observable for Android that never calls complete or error
Java
3
star
16

sublime

Sublime Package to support Material Motion development
Python
3
star
17

conventions-android

A convention for Android libraries.
3
star
18

material-motion-components-swift

Swift
2
star
19

material-motion-pop-swift

1
star
20

gesture-principles

1
star
21

milemarker

Organization-wide dashboard
JavaScript
1
star