# LeaVerou/animatable

One property, two values, endless possiblities

Repository: https://github.com/LeaVerou/animatable
Canonical: https://ross.abutalabs.com/products/animatable
Homepage: http://leaverou.github.io/animatable
Language: HTML
License Family: other
Last push: 2024-08-20T03:50:19+00:00

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

## Adoption (not part of the score)
Stars 2575, forks 642 (observed 2026-08-28T04:07:02.167055+00:00)

## What it is
An interactive web tool by Lea Verou for exploring CSS transitions between two values of a single animatable property. It lets users compare how different CSS properties animate, with hover-triggered previews such as box-shadow transitions.

## Use cases
- explore how css properties animate between two values
- preview box-shadow transitions on hover
- find css properties suitable for smooth animations
- learn css transition behavior interactively
- compare animation effects for web design

## When to choose
- you want a quick visual reference for css property animations
- you are learning or teaching css transitions
- you need inspiration for hover effects in web design

## When to avoid
- you need a production animation library like GSAP or anime.js
- you require keyframe-based or multi-property animation orchestration
- you need programmatic animation control in JavaScript

## Facets
- artifact type: application
- maturity: maintenance
- function: animation, ui-components, css-framework
- domain: web-development, frontend, web-design
- platform: browser
- tags: css-animations, transitions, interactive-demo, playground, box-shadow, web-server

## Member repositories
- LeaVerou/animatable (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:02.167055+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-30T02:22:43.827980+00:00, confidence not recorded.
  - homepage: http://leaverou.github.io/animatable (fetched 2026-08-29T10:05:20.822836+00:00, sha db404ffbcdc7)
- Data as of 2026-08-30T08:39:29.467469+00:00.