animations▌

Animation best practices across easing, timing, properties, transforms, interactions, and accessibility for web interfaces. \n \n 43 rules organized by priority across 7 categories, from critical easing and timing decisions to medium-priority accessibility and polish \n Covers easing curves (ease-out default, custom cubic-bezier, spring animations), timing windows (300ms max for UI, 500ms for drawers), and property selection (transform and opacity only) \n Includes interaction patterns for gestu

Build smooth 60fps animations combining Reanimated 3, Gesture Handler, and layout transitions. \n \n Master Reanimated's shared values, animated styles, and timing functions (withSpring, withTiming, withDecay) for declarative animations \n Handle complex gestures like pan, pinch, and rotation using Gesture Handler, then synchronize them with animations via shared values \n Implement entering/exiting animations and layout transitions using FadeIn, FadeOut, and Layout.springify() for dynamic lists

Comprehensive guide for implementing animations in Flutter with decision trees and patterns for every animation type. \n \n Covers five animation approaches: implicit animations (AnimatedContainer, AnimatedOpacity, TweenAnimationBuilder), explicit animations (AnimationController, Tween, AnimatedWidget/AnimatedBuilder), hero animations (shared element transitions), staggered animations (sequential/overlapping with Interval timing), and physics-based animations (spring, gravity, fling) \n Includes

Apply Disney's 12 principles to scroll-triggered motion.

Generate performant animation code using React Native Reanimated. Supports both v3 and v4.

Lottie is a library for rendering After Effects animations in real-time on web, iOS, Android, and React Native. Created by Airbnb, it allows designers to ship animations as easily as shipping static assets. Animations are exported from After Effects as JSON files using the Bodymovin plugin, then rendered natively with minimal performance overhead.

$23

Tailwind CSS utilities for animations, transitions, and transforms with built-in patterns and custom animation support. \n \n Four built-in animations (spin, ping, pulse, bounce) plus extensive transition utilities covering properties, duration, timing functions, and delays \n Transform utilities for scale, rotate, translate, and skew with configurable origin points and GPU-accelerated performance \n Custom animations via @theme in Tailwind v4, including keyframe definitions and custom easing cu