cursor / claude rules · featured

You don't need animations

Emil Kowalski's rule set for when UI motion helps versus when it slows daily work. Frequency, purpose, and sub-300ms speed. Course pitch on the page is not part of this cache.
by Emil Kowalski updated Sep 5, 2026 other

## what it does

tl;dr: fetch You Don’t Need Animations before adding Framer Motion to a CRUD screen.

What the page argues

Animations help when they explain a feature, keep spatial consistency (example: Sonner toast enter/exit matching swipe-to-dismiss), or add rare delight. They hurt when they make the UI feel slow or untrustworthy.

Frequency: Raycast is cited as a tool used hundreds of times a day with no open animation. Keyboard-initiated actions should not animate. A morphing feedback widget is fine if users rarely hit it; irritating if they hit it daily.

Speed: Unless it is a marketing site, keep UI animation generally under 300ms. Example on the page: 180ms dropdown vs 400ms. Tooltips: delay before first show; once one is open, sibling tooltips should appear with no delay and no animation.

Rules to paste

- Every animation needs a purpose (explain, spatial consistency, or rare delight).
- Do not animate actions the user will fire many times a day.
- Do not animate keyboard-driven highlight/selection.
- Prefer no animation over decorative motion.
- If you animate product UI, stay under 300ms.

Related: UI Skills catalog lists improve-animations (emilkowalski). transitions.dev is a motion catalog — use after this filter, not instead of it.

## embed this badge

cache ✓ in cache.directory
![cached](https://cache.directory/badge/you-dont-need-animations.svg)