romboHQ/tailwindcss-motion

Health v2 · maintenance only

Adoption not part of the score

3324 stars · 38 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

tailwindcss-motion is a Tailwind CSS plugin by RomboHQ that provides a simple, composable syntax for CSS animations, including presets like fade, slide, bounce, and typewriter. It uses native CSS keyframes for performance and respects prefers-reduced-motion by default.

Use cases

• animate elements in a tailwind project without writing keyframes
• add fade and slide entrance animations with utility classes
• use ready-made animation presets like bounce or typewriter
• make animations accessible for reduced motion users
• generate tailwind animation classes visually in the browser
• loop and exit animations for ui components

When to choose

• you use Tailwind CSS and want declarative, utility-based animations
• you want native CSS animations without JavaScript runtime overhead
• you need built-in reduced-motion accessibility support
• you want quick presets for common animation patterns

When to avoid

• you need complex JS-driven or scroll-linked animation timelines (use Framer Motion or GSAP)
• your project does not use Tailwind CSS
• you need physics-based spring animations

Facets

plugin · maturity active

animation ui-components css-framework frontend web-development web-design browser tailwindcss-plugin motion css-animations utility-first accessibility presets reduced-motion nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="romboHQ/tailwindcss-motion")