# daybrush/scenejs

🎬 Scene.js is JavaScript & CSS timeline-based animation library

Repository: https://github.com/daybrush/scenejs
Canonical: https://ross.abutalabs.com/products/scenejs
Homepage: https://daybrush.com/scenejs
Language: TypeScript
License: MIT
License Family: permissive
Topics: css3, animation, css3-animation, javascript, typescript, javascript-animation-library, angular, vue, react, motion, graphic, scenejs, scene, javascript-animation, preact, timeline
Last push: 2023-06-19T22:39:08+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3449, "days_push": 1171, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2767, forks 162 (observed 2026-08-28T04:07:18.696415+00:00)

## What it is
Scene.js is a JavaScript and CSS timeline-based animation library for creating animated websites with keyframes and full time control. It supports multiple elements, SVG animation, various value types, and framework wrappers for React, Vue, Svelte, and Angular.

## Use cases
- animate web page elements on a timeline
- create css keyframe animations from javascript
- animate svg attributes over time
- synchronize animations across multiple elements
- add motion effects to react or vue apps

## When to choose
- you need timeline-based control over css or svg animations
- you want a framework-agnostic animation library with react/vue/svelte wrappers
- you need precise scrubbing and progress control of animations

## When to avoid
- you only need simple one-off css transitions
- you need physics-based or gesture-driven animation like framer-motion
- you need canvas or webgl animation

## Facets
- artifact type: library
- maturity: maintenance
- function: animation, ui-components
- domain: frontend, web-development, graphics
- platform: browser
- tags: timeline-animation, css-animation, keyframes, motion, svg-animation, react, vue, svelte, angular, typescript, nodejs, javascript

## Member repositories
- daybrush/scenejs (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:18.696415+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-30T08:16:44.259670+00:00, confidence not recorded.
  - readme: https://github.com/daybrush/scenejs (fetched 2026-08-28T04:07:18.696415+00:00, sha 42393e9d68d2)
  - homepage: https://daybrush.com/scenejs (fetched 2026-08-29T09:56:31.777728+00:00, sha b7c95eb0101c)
  - site_page: https://daybrush.com/scenejs/features.html (fetched 2026-08-29T09:56:31.786919+00:00, sha fc0580e79858)
  - registry_npm: https://registry.npmjs.org/scenejs (fetched 2026-08-29T09:56:31.788766+00:00, sha 099d6bdfbe95)
- Data as of 2026-08-30T08:39:29.467469+00:00.