Motion
Some data may be outdated — see provenance labels.
A modern animation library for React and JavaScript observed · 2026-09-22
Health v2 · maintenance only
75/100
- Activity 95
- Release rhythm 35
- Longevity 100
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-21. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 2895
- days_rel: n/a
- days_push: 34
- n_releases_24m: 0
Adoption not part of the score
33679 stars · 1365 forks observed · 2026-09-22
What it is AI-extracted, prompt v1, taxonomy v1, 2026-09-28, confidence 0.98
Motion is a modern animation library for JavaScript, React, and Vue. It provides a declarative API with hardware‑accelerated, spring‑based animations and gesture support.
Use cases
- Create smooth UI transitions and micro‑interactions in a React app
- Add scroll‑linked parallax effects to a vanilla JavaScript website
- Implement drag, hover, and press gestures in a Vue component
- Animate layout changes and shared element transitions in a single‑page application
- Build complex animation timelines with variants and staggered sequences
When to choose
- You need a lightweight, tree‑shakable animation library with a React‑first API
- Your project requires hardware‑accelerated animations and spring physics
- You want a single library that works across JavaScript, React, and Vue
- You need built‑in gesture handling (hover, drag, press) without extra dependencies
When to avoid
- You are targeting environments without a browser (e.g., Node‑only scripts)
- You prefer a CSS‑only solution for simple transitions
- You need server‑side rendering of animations without client‑side execution
Facets
library · maturity active
animation web-development frontend browser react vue typescript spring-physics gestures scroll layout motion-values gpu-accelerated nodejs
10 sources
- readme: https://github.com/motiondivision/motion · fetched 2026-09-22 · bba18ae724d2
- homepage: https://motion.dev · fetched 2026-09-14 · 5833d58645c5
- site_page: https://motion.dev/docs/react · fetched 2026-09-14 · 05f881ab40e6
- site_page: https://motion.dev/docs/quick-start · fetched 2026-09-14 · a80fa494b7cc
- site_page: https://motion.dev/docs/vue · fetched 2026-09-14 · 8bfc93e1e8ee
- site_page: https://motion.dev/docs/react-animation · fetched 2026-09-14 · f72fd8265019
- site_page: https://motion.dev/docs/react-scroll-animations · fetched 2026-09-14 · 827c17cdedc3
- site_page: https://motion.dev/docs/react-gestures · fetched 2026-09-14 · 193338409acb
- site_page: https://motion.dev/docs · fetched 2026-09-14 · 88970d24ef6d
- site_page: https://motion.dev/docs/react-layout-animations · fetched 2026-09-14 · 0c2dd41cd217
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| motiondivision/motion | main | 75 |
| motiondivision/motion-vue | sdk | 86 |
For agents
markdown · JSON · MCP: product_card(name="motiondivision/motion")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem