{"adoption": {"forks": 26, "observed_at": "2026-08-28T04:04:12.089564+00:00", "stars": 1271}, "canonical_url": "https://ross.abutalabs.com/products/use-web-animations", "card": {"archived": false, "artifact_type": "library", "description": "😎 🍿 React hook for highly-performant and manipulable animations using Web Animations API.", "domain": ["frontend", "web-development"], "enriched": true, "function": ["animation", "ui-components"], "health_score": 20, "homepage": "https://use-web-animations.netlify.app", "language": "TypeScript", "license": "MIT", "license_family": "permissive", "maturity": "maintenance", "member_repos": ["wellyshen/use-web-animations"], "name": "wellyshen/use-web-animations", "platform": ["browser"], "pushed_at": "2023-08-12T16:38:17+00:00", "repo": "wellyshen/use-web-animations", "stars": 1271, "tags": ["react-hook", "web-animations-api", "waapi", "typescript", "playback-control", "motion", "nodejs"], "topics": ["react", "hook", "animation", "web-animations", "web-animations-api", "use-web-animations", "waapi", "playback-control", "motion", "performance", "typescript", "transition", "interaction", "ux"], "urls": [], "use_cases": ["animate react components with web animations api", "control animation playback in react", "add performant css-like animations to a react app", "use ready-made animation presets like bounce or pulse", "get animation lifecycle events in react hooks"], "what_it_is": "A React hook providing a convenient wrapper around the Web Animations API (WAAPI) for creating performant, manipulable web animations. It offers flexible playback control, ready-to-use animation presets, and TypeScript support.", "when_to_avoid": ["you need complex timeline/scroll-driven choreography better served by GSAP or Framer Motion", "your project is not React-based", "you need SSR-safe animations in environments without WAAPI support"], "when_to_choose": ["you use React and want GPU-accelerated animations without heavy animation libraries", "you need programmatic playback control (play, pause, reverse, speed) of animations", "you want a tiny, TypeScript-friendly hook instead of a full animation framework"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/use-web-animations", "repo": "wellyshen/use-web-animations", "role": "main", "score": 23}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.089564+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T05:03:24.217650+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "330597b6fc9d93053feee716e0180f27a3975d450a0652217b5dbcee409cfb29", "fetched_at": "2026-08-28T04:04:12.089564+00:00", "kind": "readme", "missing": false, "url": "https://github.com/wellyshen/use-web-animations"}, {"content_hash": "3206dfb724cdaca5e197266db13c452a2c6e0794a5d3aa5ffec537829ec09a71", "fetched_at": "2026-08-29T12:14:53.006086+00:00", "kind": "homepage", "missing": false, "url": "https://use-web-animations.netlify.app"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.089564+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T05:03:24.217650+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "330597b6fc9d93053feee716e0180f27a3975d450a0652217b5dbcee409cfb29", "fetched_at": "2026-08-28T04:04:12.089564+00:00", "kind": "readme", "missing": false, "url": "https://github.com/wellyshen/use-web-animations"}, {"content_hash": "3206dfb724cdaca5e197266db13c452a2c6e0794a5d3aa5ffec537829ec09a71", "fetched_at": "2026-08-29T12:14:53.006086+00:00", "kind": "homepage", "missing": false, "url": "https://use-web-animations.netlify.app"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T05:03:24.217650+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "330597b6fc9d93053feee716e0180f27a3975d450a0652217b5dbcee409cfb29", "fetched_at": "2026-08-28T04:04:12.089564+00:00", "kind": "readme", "missing": false, "url": "https://github.com/wellyshen/use-web-animations"}, {"content_hash": "3206dfb724cdaca5e197266db13c452a2c6e0794a5d3aa5ffec537829ec09a71", "fetched_at": "2026-08-29T12:14:53.006086+00:00", "kind": "homepage", "missing": false, "url": "https://use-web-animations.netlify.app"}], "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:04:12.089564+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.089564+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.089564+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T05:03:24.217650+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "330597b6fc9d93053feee716e0180f27a3975d450a0652217b5dbcee409cfb29", "fetched_at": "2026-08-28T04:04:12.089564+00:00", "kind": "readme", "missing": false, "url": "https://github.com/wellyshen/use-web-animations"}, {"content_hash": "3206dfb724cdaca5e197266db13c452a2c6e0794a5d3aa5ffec537829ec09a71", "fetched_at": "2026-08-29T12:14:53.006086+00:00", "kind": "homepage", "missing": false, "url": "https://use-web-animations.netlify.app"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.089564+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.089564+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T05:03:24.217650+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "330597b6fc9d93053feee716e0180f27a3975d450a0652217b5dbcee409cfb29", "fetched_at": "2026-08-28T04:04:12.089564+00:00", "kind": "readme", "missing": false, "url": "https://github.com/wellyshen/use-web-animations"}, {"content_hash": "3206dfb724cdaca5e197266db13c452a2c6e0794a5d3aa5ffec537829ec09a71", "fetched_at": "2026-08-29T12:14:53.006086+00:00", "kind": "homepage", "missing": false, "url": "https://use-web-animations.netlify.app"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.089564+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.089564+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.089564+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T05:03:24.217650+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "330597b6fc9d93053feee716e0180f27a3975d450a0652217b5dbcee409cfb29", "fetched_at": "2026-08-28T04:04:12.089564+00:00", "kind": "readme", "missing": false, "url": "https://github.com/wellyshen/use-web-animations"}, {"content_hash": "3206dfb724cdaca5e197266db13c452a2c6e0794a5d3aa5ffec537829ec09a71", "fetched_at": "2026-08-29T12:14:53.006086+00:00", "kind": "homepage", "missing": false, "url": "https://use-web-animations.netlify.app"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.089564+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.089564+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T05:03:24.217650+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "330597b6fc9d93053feee716e0180f27a3975d450a0652217b5dbcee409cfb29", "fetched_at": "2026-08-28T04:04:12.089564+00:00", "kind": "readme", "missing": false, "url": "https://github.com/wellyshen/use-web-animations"}, {"content_hash": "3206dfb724cdaca5e197266db13c452a2c6e0794a5d3aa5ffec537829ec09a71", "fetched_at": "2026-08-29T12:14:53.006086+00:00", "kind": "homepage", "missing": false, "url": "https://use-web-animations.netlify.app"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T05:03:24.217650+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "330597b6fc9d93053feee716e0180f27a3975d450a0652217b5dbcee409cfb29", "fetched_at": "2026-08-28T04:04:12.089564+00:00", "kind": "readme", "missing": false, "url": "https://github.com/wellyshen/use-web-animations"}, {"content_hash": "3206dfb724cdaca5e197266db13c452a2c6e0794a5d3aa5ffec537829ec09a71", "fetched_at": "2026-08-29T12:14:53.006086+00:00", "kind": "homepage", "missing": false, "url": "https://use-web-animations.netlify.app"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T05:03:24.217650+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "330597b6fc9d93053feee716e0180f27a3975d450a0652217b5dbcee409cfb29", "fetched_at": "2026-08-28T04:04:12.089564+00:00", "kind": "readme", "missing": false, "url": "https://github.com/wellyshen/use-web-animations"}, {"content_hash": "3206dfb724cdaca5e197266db13c452a2c6e0794a5d3aa5ffec537829ec09a71", "fetched_at": "2026-08-29T12:14:53.006086+00:00", "kind": "homepage", "missing": false, "url": "https://use-web-animations.netlify.app"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T05:03:24.217650+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "330597b6fc9d93053feee716e0180f27a3975d450a0652217b5dbcee409cfb29", "fetched_at": "2026-08-28T04:04:12.089564+00:00", "kind": "readme", "missing": false, "url": "https://github.com/wellyshen/use-web-animations"}, {"content_hash": "3206dfb724cdaca5e197266db13c452a2c6e0794a5d3aa5ffec537829ec09a71", "fetched_at": "2026-08-29T12:14:53.006086+00:00", "kind": "homepage", "missing": false, "url": "https://use-web-animations.netlify.app"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 0, "longevity": 100, "rhythm": 8}, "computed_at": "2026-09-02T17:46:02.011165+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 2283, "days_push": 1117, "days_rel": null, "gap_med": null, "n_releases_24m": 0}, "score": 23, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}