{"id":14961290,"url":"https://github.com/material-motion/material-motion-js","last_synced_at":"2025-05-15T20:06:05.723Z","repository":{"id":9531827,"uuid":"59706560","full_name":"material-motion/material-motion-js","owner":"material-motion","description":"Reusable gestural interactions in JavaScript. In development.","archived":false,"fork":false,"pushed_at":"2025-02-13T02:13:08.000Z","size":4811,"stargazers_count":295,"open_issues_count":79,"forks_count":23,"subscribers_count":17,"default_branch":"develop","last_synced_at":"2025-05-08T23:11:27.440Z","etag":null,"topics":["gesture-driven-animations","google","interaction","interaction-design","javascript","material","material-design","motion","motion-design","transitions","typescript","web"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/material-motion.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":"AUTHORS","dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-05-26T00:16:05.000Z","updated_at":"2025-02-23T20:15:39.000Z","dependencies_parsed_at":"2024-05-03T21:31:07.645Z","dependency_job_id":"6cb9d41c-5f5c-421f-bf6c-4c104b985e97","html_url":"https://github.com/material-motion/material-motion-js","commit_stats":{"total_commits":582,"total_committers":6,"mean_commits":97.0,"dds":"0.018900343642611728","last_synced_commit":"4d168bb96ecba730352a9371d948678efc69ea4c"},"previous_names":[],"tags_count":1306,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/material-motion%2Fmaterial-motion-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/material-motion%2Fmaterial-motion-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/material-motion%2Fmaterial-motion-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/material-motion%2Fmaterial-motion-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/material-motion","download_url":"https://codeload.github.com/material-motion/material-motion-js/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254414499,"owners_count":22067272,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["gesture-driven-animations","google","interaction","interaction-design","javascript","material","material-design","motion","motion-design","transitions","typescript","web"],"created_at":"2024-09-24T13:24:24.491Z","updated_at":"2025-05-15T20:06:00.376Z","avatar_url":"https://github.com/material-motion.png","language":"TypeScript","readme":"# \u003cimg src=\"https://www.gstatic.com/images/branding/product/2x/motion_48dp.png\" width=\"48\" height=\"48\" alt=\"logo\" /\u003e Material Motion for JavaScript #\n\n[![Current version:](https://img.shields.io/badge/v0.1.0:-222222.svg?logo=npm)](https://www.npmjs.com/package/material-motion/v/0.1.0)\n[![Test status](https://img.shields.io/circleci/project/github/material-motion/material-motion-js/stable.svg?logo=circleci\u0026label=Tests)](https://circleci.com/gh/material-motion/material-motion-js/1166)\n[![Code coverage](https://img.shields.io/codecov/c/github/material-motion/material-motion-js/stable.svg?logo=codecov\u0026logoColor=white\u0026label=Coverage)](https://codecov.io/gh/material-motion/material-motion-js/tree/dc52c0f56107625171199008604f4f80f528b9a6/packages)\u003cbr /\u003e\n[![HEAD:](https://img.shields.io/badge/HEAD:-222222.svg?logo=github\u0026logoColor=white)](https://github.com/material-motion/material-motion-js)\n[![Test status](https://img.shields.io/circleci/project/github/material-motion/material-motion-js/develop.svg?logo=circleci\u0026label=Tests)](https://circleci.com/gh/material-motion/material-motion-js/tree/develop)\n[![Code coverage](https://img.shields.io/codecov/c/github/material-motion/material-motion-js/develop.svg?logo=codecov\u0026logoColor=white\u0026label=Coverage)](https://codecov.io/gh/material-motion/material-motion-js/branch/develop)\n\n[![Chat](https://img.shields.io/discord/198544450366996480.svg?label=Chat%20with%20us\u0026logo=discord)](https://discord.gg/material-motion)\n\nThis repo houses the JavaScript implementation of Material Motion.  For more information about the project as a whole, check [the Starmap](https://material-motion.github.io/material-motion/starmap/).\n\n## High-level Goals ##\n\n- To make gestural interactions as easy to reuse across applications as UI components already are.\n\n- To enable the motions and gestures [described in the Material Spec](https://material.io/archive/guidelines/motion/material-motion.html) to be easily implemented by application authors in the JS ecosystem.\n\n- To make prototyping new animated experiences simpler.\n\n- 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?”\n\n- To allow interactions to be inspected and tweaked with visual tools.\n\n- To allow interactions to be easily ported across platforms.\n\n- To allow authors to write views in terms of URLs, and have the system guide the transitions between them.\n  - _Note:_ This is an eventual goal.  In the near term, Material Motion is focused specifically on aiding the creation of reusable gestural interactions.\n\n## Contributing ##\n\nWant to contribute?  Awesome - thanks for helping!\n\nTo get started, just run these commands:\n\n```\ngit clone git@github.com:material-motion/material-motion-js.git\ncd material-motion-js\nyarn\n$( yarn bin )/lerna bootstrap\n```\n\nThey 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!\n\n## License ##\n\n[Apache 2.0](http://www.apache.org/licenses/LICENSE-2.0)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaterial-motion%2Fmaterial-motion-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaterial-motion%2Fmaterial-motion-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaterial-motion%2Fmaterial-motion-js/lists"}