Lottie Animation View
Render After Effects animations on React based on lottie-web observed · 2026-08-28
Health v2 · maintenance only
63/100
- Activity 68
- 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-09-02. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 3421
- days_rel: n/a
- days_push: 194
- n_releases_24m: 0
Adoption not part of the score
1743 stars · 351 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
React and Vue wrapper components around lottie-web (bodymovin) for rendering After Effects animations exported as JSON. Animations can be played, paused, stopped, and controlled programmatically in web apps.
Use cases
- render after effects animations in react
- play lottie animations in a vue app
- control animation playback with play pause stop buttons
- embed lightweight vector animations in a web app
- loop an animation on page load
- load animation data from a api
When to choose
- you have bodymovin/lottie JSON exports from After Effects and need them in React or Vue
- you want small vector animations instead of GIFs or videos
- you need programmatic control over animation playback
When to avoid
- you need a framework other than React or Vue (use lottie-web directly or ng-lottie)
- you need actively maintained wrappers with modern React hooks support
- you need to author animations, not just render them
Facets
library · maturity maintenance
animation ui-components frontend-framework frontend web-development graphics browser lottie after-effects bodymovin react-component vue-component vector-animation nodejs web-server
3 sources
- readme: https://github.com/chenqingspring/react-lottie · fetched 2026-08-28 · 76d0ad28338b
- registry_npm: https://registry.npmjs.org/react-lottie · fetched 2026-08-29 · bf39f4ff5e33
- registry_npm: https://registry.npmjs.org/vue-lottie · fetched 2026-08-29 · 59cb6ccdf471
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| chenqingspring/react-lottie | main | 63 |
| chenqingspring/vue-lottie | plugin | 32 |
For agents
markdown · JSON · MCP: product_card(name="chenqingspring/react-lottie")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem