{"adoption": {"forks": 351, "observed_at": "2026-08-28T04:05:30.474534+00:00", "stars": 1743}, "canonical_url": "https://ross.abutalabs.com/products/lottie-animation-view", "card": {"archived": false, "artifact_type": "library", "description": "Render After Effects animations on React based on lottie-web", "domain": ["frontend", "web-development", "graphics"], "enriched": true, "function": ["animation", "ui-components", "frontend-framework"], "health_score": 61, "homepage": null, "language": "JavaScript", "license": "MIT", "license_family": "permissive", "maturity": "maintenance", "member_repos": ["chenqingspring/react-lottie", "chenqingspring/vue-lottie"], "name": "Lottie Animation View", "platform": ["browser"], "pushed_at": "2026-02-20T07:51:21+00:00", "repo": "chenqingspring/react-lottie", "stars": 1743, "tags": ["lottie", "after-effects", "bodymovin", "react-component", "vue-component", "vector-animation", "nodejs", "web-server"], "topics": ["after-effects", "react", "react-component", "lottie-animation", "bodymovin", "lottie-web"], "urls": [], "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"], "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.", "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"], "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"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/repos/chenqingspring/react-lottie", "repo": "chenqingspring/react-lottie", "role": "main", "score": 63}, {"path": "/repos/chenqingspring/vue-lottie", "repo": "chenqingspring/vue-lottie", "role": "plugin", "score": 32}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:05:30.474534+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T03:29:31.801104+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76d0ad28338b8b4e9b44045a36111da11fa5702065a2b7a343ccf6d91ab9ca3d", "fetched_at": "2026-08-28T04:05:30.474534+00:00", "kind": "readme", "missing": false, "url": "https://github.com/chenqingspring/react-lottie"}, {"content_hash": "bf39f4ff5e3325c5d16da66c0d32f8dc37c06e497f57d97c13b252774174deee", "fetched_at": "2026-08-29T11:07:42.994721+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-lottie"}, {"content_hash": "59cb6ccdf4717f3b267ff984ff359407247a108b2abd779226c8631e6e77d715", "fetched_at": "2026-08-29T11:07:42.996989+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vue-lottie"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:05:30.474534+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T03:29:31.801104+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76d0ad28338b8b4e9b44045a36111da11fa5702065a2b7a343ccf6d91ab9ca3d", "fetched_at": "2026-08-28T04:05:30.474534+00:00", "kind": "readme", "missing": false, "url": "https://github.com/chenqingspring/react-lottie"}, {"content_hash": "bf39f4ff5e3325c5d16da66c0d32f8dc37c06e497f57d97c13b252774174deee", "fetched_at": "2026-08-29T11:07:42.994721+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-lottie"}, {"content_hash": "59cb6ccdf4717f3b267ff984ff359407247a108b2abd779226c8631e6e77d715", "fetched_at": "2026-08-29T11:07:42.996989+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vue-lottie"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T03:29:31.801104+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76d0ad28338b8b4e9b44045a36111da11fa5702065a2b7a343ccf6d91ab9ca3d", "fetched_at": "2026-08-28T04:05:30.474534+00:00", "kind": "readme", "missing": false, "url": "https://github.com/chenqingspring/react-lottie"}, {"content_hash": "bf39f4ff5e3325c5d16da66c0d32f8dc37c06e497f57d97c13b252774174deee", "fetched_at": "2026-08-29T11:07:42.994721+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-lottie"}, {"content_hash": "59cb6ccdf4717f3b267ff984ff359407247a108b2abd779226c8631e6e77d715", "fetched_at": "2026-08-29T11:07:42.996989+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vue-lottie"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:05:30.474534+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:05:30.474534+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:05:30.474534+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T03:29:31.801104+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76d0ad28338b8b4e9b44045a36111da11fa5702065a2b7a343ccf6d91ab9ca3d", "fetched_at": "2026-08-28T04:05:30.474534+00:00", "kind": "readme", "missing": false, "url": "https://github.com/chenqingspring/react-lottie"}, {"content_hash": "bf39f4ff5e3325c5d16da66c0d32f8dc37c06e497f57d97c13b252774174deee", "fetched_at": "2026-08-29T11:07:42.994721+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-lottie"}, {"content_hash": "59cb6ccdf4717f3b267ff984ff359407247a108b2abd779226c8631e6e77d715", "fetched_at": "2026-08-29T11:07:42.996989+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vue-lottie"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:05:30.474534+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:05:30.474534+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T03:29:31.801104+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76d0ad28338b8b4e9b44045a36111da11fa5702065a2b7a343ccf6d91ab9ca3d", "fetched_at": "2026-08-28T04:05:30.474534+00:00", "kind": "readme", "missing": false, "url": "https://github.com/chenqingspring/react-lottie"}, {"content_hash": "bf39f4ff5e3325c5d16da66c0d32f8dc37c06e497f57d97c13b252774174deee", "fetched_at": "2026-08-29T11:07:42.994721+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-lottie"}, {"content_hash": "59cb6ccdf4717f3b267ff984ff359407247a108b2abd779226c8631e6e77d715", "fetched_at": "2026-08-29T11:07:42.996989+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vue-lottie"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:05:30.474534+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:05:30.474534+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:05:30.474534+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T03:29:31.801104+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76d0ad28338b8b4e9b44045a36111da11fa5702065a2b7a343ccf6d91ab9ca3d", "fetched_at": "2026-08-28T04:05:30.474534+00:00", "kind": "readme", "missing": false, "url": "https://github.com/chenqingspring/react-lottie"}, {"content_hash": "bf39f4ff5e3325c5d16da66c0d32f8dc37c06e497f57d97c13b252774174deee", "fetched_at": "2026-08-29T11:07:42.994721+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-lottie"}, {"content_hash": "59cb6ccdf4717f3b267ff984ff359407247a108b2abd779226c8631e6e77d715", "fetched_at": "2026-08-29T11:07:42.996989+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vue-lottie"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:05:30.474534+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:05:30.474534+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T03:29:31.801104+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76d0ad28338b8b4e9b44045a36111da11fa5702065a2b7a343ccf6d91ab9ca3d", "fetched_at": "2026-08-28T04:05:30.474534+00:00", "kind": "readme", "missing": false, "url": "https://github.com/chenqingspring/react-lottie"}, {"content_hash": "bf39f4ff5e3325c5d16da66c0d32f8dc37c06e497f57d97c13b252774174deee", "fetched_at": "2026-08-29T11:07:42.994721+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-lottie"}, {"content_hash": "59cb6ccdf4717f3b267ff984ff359407247a108b2abd779226c8631e6e77d715", "fetched_at": "2026-08-29T11:07:42.996989+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vue-lottie"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T03:29:31.801104+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76d0ad28338b8b4e9b44045a36111da11fa5702065a2b7a343ccf6d91ab9ca3d", "fetched_at": "2026-08-28T04:05:30.474534+00:00", "kind": "readme", "missing": false, "url": "https://github.com/chenqingspring/react-lottie"}, {"content_hash": "bf39f4ff5e3325c5d16da66c0d32f8dc37c06e497f57d97c13b252774174deee", "fetched_at": "2026-08-29T11:07:42.994721+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-lottie"}, {"content_hash": "59cb6ccdf4717f3b267ff984ff359407247a108b2abd779226c8631e6e77d715", "fetched_at": "2026-08-29T11:07:42.996989+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vue-lottie"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T03:29:31.801104+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76d0ad28338b8b4e9b44045a36111da11fa5702065a2b7a343ccf6d91ab9ca3d", "fetched_at": "2026-08-28T04:05:30.474534+00:00", "kind": "readme", "missing": false, "url": "https://github.com/chenqingspring/react-lottie"}, {"content_hash": "bf39f4ff5e3325c5d16da66c0d32f8dc37c06e497f57d97c13b252774174deee", "fetched_at": "2026-08-29T11:07:42.994721+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-lottie"}, {"content_hash": "59cb6ccdf4717f3b267ff984ff359407247a108b2abd779226c8631e6e77d715", "fetched_at": "2026-08-29T11:07:42.996989+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vue-lottie"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T03:29:31.801104+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "76d0ad28338b8b4e9b44045a36111da11fa5702065a2b7a343ccf6d91ab9ca3d", "fetched_at": "2026-08-28T04:05:30.474534+00:00", "kind": "readme", "missing": false, "url": "https://github.com/chenqingspring/react-lottie"}, {"content_hash": "bf39f4ff5e3325c5d16da66c0d32f8dc37c06e497f57d97c13b252774174deee", "fetched_at": "2026-08-29T11:07:42.994721+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-lottie"}, {"content_hash": "59cb6ccdf4717f3b267ff984ff359407247a108b2abd779226c8631e6e77d715", "fetched_at": "2026-08-29T11:07:42.996989+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vue-lottie"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 68, "longevity": 100, "rhythm": 35}, "computed_at": "2026-09-02T17:46:02.011165+00:00", "flags": ["no_releases"], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 3421, "days_push": 194, "days_rel": null, "gap_med": null, "n_releases_24m": 0}, "score": 63, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}