Tailwind Animation Recipes

TailwindAnimationUpdated 2026-08-03

When to use: Adding scroll-triggered reveals, hover micro-interactions, and page transitions.

Install
npx skills add tailwind-animation-recipes
Git Clone
git clone https://github.com/skillhub-community/tailwind-animation-recipes.git

Description

A library of plug-and-play animation patterns: fade-in, slide-up, scale-in, stagger-children, and scroll-triggered reveals — all driven by Tailwind utility classes plus a thin CSS keyframe layer.

Ships with a `prefers-reduced-motion` check so every animation respects the user's OS-level accessibility setting.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@motion_mia
LicenseMIT
Version1.2.0
Dependencies0