# Lottie Animation View

Render After Effects animations on React based on lottie-web

Repository: https://github.com/chenqingspring/react-lottie
Canonical: https://ross.abutalabs.com/products/lottie-animation-view
Language: JavaScript
License: MIT
License Family: permissive
Topics: after-effects, react, react-component, lottie-animation, bodymovin, lottie-web
Last push: 2026-02-20T07:51:21+00:00

## Health v2 (maintenance only)
Score: 63/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 68, release rhythm 35, longevity 100
- inputs: {"age_days": 3421, "days_push": 194, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1743, forks 351 (observed 2026-08-28T04:05:30.474534+00:00)

## What it is
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
- artifact type: library
- maturity: maintenance
- function: animation, ui-components, frontend-framework
- domain: frontend, web-development, graphics
- platform: browser
- tags: lottie, after-effects, bodymovin, react-component, vue-component, vector-animation, nodejs, web-server

## Member repositories
- chenqingspring/react-lottie (main) score 63
- chenqingspring/vue-lottie (plugin) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:30.474534+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:29:31.801104+00:00, confidence not recorded.
  - readme: https://github.com/chenqingspring/react-lottie (fetched 2026-08-28T04:05:30.474534+00:00, sha 76d0ad28338b)
  - registry_npm: https://registry.npmjs.org/react-lottie (fetched 2026-08-29T11:07:42.994721+00:00, sha bf39f4ff5e33)
  - registry_npm: https://registry.npmjs.org/vue-lottie (fetched 2026-08-29T11:07:42.996989+00:00, sha 59cb6ccdf471)
- Data as of 2026-08-30T08:39:29.467469+00:00.