LeaVerou/animatable
One property, two values, endless possiblities observed · 2026-08-28
Health v2 · maintenance only
32/100
- Activity 0
- Release rhythm 35
- Longevity 100
Flags: no_releases no_license no_readme
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 5421
- days_rel: n/a
- days_push: 743
- n_releases_24m: 0
Adoption not part of the score
2575 stars · 642 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
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
application · maturity maintenance
animation ui-components css-framework web-development frontend web-design browser css-animations transitions interactive-demo playground box-shadow web-server
1 source
- homepage: http://leaverou.github.io/animatable · fetched 2026-08-29 · db404ffbcdc7
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| LeaVerou/animatable | main | 32 |
For agents
markdown · JSON · MCP: product_card(name="LeaVerou/animatable")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem