aiforui logo
[←] All skills

Animations

The right easing, the right duration, and the judgment to not animate.

What this skill does

When to animate and when not to, which easing, what duration. Lots of decision trees.

  • Decides when to animate, and when motion would just be noise
  • Picks the right easing, duration, and spring settings per interaction
  • Implements enter and exit transitions for modals, popovers, drawers, and toasts
  • Keeps animation on the GPU and honors reduced-motion preferences

Installation

Run the installer in your terminal to add this skill to your project:

$npx @aiforui/install emil-animations --token=…

Omit the skill name to pick from all skills at once, and rename skills during install if you prefer different slash commands.

Usage

Once installed, use it when you're adding motion and need the right easing, duration, and exit transitions. For example: