emil-animations
CommunityPolished UI animations guided by Emil Kowalski.
Authorjoaoprocopio
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Emil Kowalski’s animation guidelines provide a structured, practical framework to implement polished, accessible, and performant UI motion across web apps.
Core Features & Use Cases
- Clear guidance on easing, duration, and property choices for React, CSS, and Framer Motion.
- Practical rules for transitions, gestures, toasts, drawers, and motion accessibility.
- Quick references to examples and patterns that ensure consistent, delightful interactions.
Quick Start
Analyze an existing UI and replace abrupt transitions with the recommended easing and timing, then adjust transform/opacity usage for GPU acceleration.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: emil-animations Download link: https://github.com/joaoprocopio/tooling/archive/main.zip#emil-animations Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.