midudev/tailwind-animations

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

1525 stars · 110 forks observed · 2026-08-28

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

Member repositories

For agents

markdown · JSON · MCP: product_card(name="midudev/tailwind-animations")