midudev/tailwind-animations
Some data may be outdated — see provenance labels.
Easy peasy animations for your Tailwind project observed · 2026-09-21
Health v2 · maintenance only
69/100
- Activity 95
- Release rhythm 35
- Longevity 70
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-21. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 987
- days_rel: n/a
- days_push: 33
- n_releases_24m: 0
Adoption not part of the score
1527 stars · 109 forks observed · 2026-09-21
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A Tailwind CSS plugin providing 79+ ready-to-use animation utility classes like fade-in, slide-in, and scroll masks, with zero config and pure CSS performance. It supports Tailwind CSS v3 and v4 and includes a documentation site with an interactive playground.
Use cases
- add fade-in animations to elements with tailwind classes
- animate elements sliding in from edges on page load
- create scroll-based fade masks on scrollable containers
- add hover and attention animations like shake, pulse, or jelly
- control animation duration and delay with utility classes
- respect prefers-reduced-motion in css animations
When to choose
- you already use Tailwind CSS and want animations without writing keyframes
- you want pure CSS animations with no JavaScript runtime
- you need quick, consistent animation utilities across a project
When to avoid
- you don't use Tailwind CSS in your project
- you need complex JavaScript-driven or physics-based animations
- you need scroll-linked animations in browsers without animation-timeline support
Facets
plugin · maturity stable
animation css-framework ui-components web-development frontend web-design cross-platform tailwindcss tailwind-plugin css-animations scroll-animations utility-classes web-server nodejs
3 sources
- readme: https://github.com/midudev/tailwind-animations · fetched 2026-09-21 · 99eeedb79489
- homepage: https://tailwind-animations.com · fetched 2026-08-29 · aef4151eb823
- registry_npm: https://registry.npmjs.org/tailwind-animations · fetched 2026-08-29 · e95e92fc65e8
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| midudev/tailwind-animations | main | 69 |
For agents
markdown · JSON · MCP: product_card(name="midudev/tailwind-animations")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem