kmp-compose-animation

When to Use This Skill

Use when:

• A UI element should fade, slide, or expand into view rather than appearing instantly
• Switching between two composables needs a visual crossfade or slide transition
• A card or list item changes size and should animate the height change
• A property (alpha, scale, offset) needs to animate from one value to another
• Shared element transitions are needed between list and detail screens (Compose 1.7+)

Trigger keywords: animation, AnimatedVisibility, animateContentSize, Crossfade, AnimatedContent, animateFloatAsState, animateDpAsState, transition, enter transition, exit transition, shared element, spring animation, tween animation, compose animation, fade in, slide in, bounce, ease, reduced motion, motion accessibility, animate, animated transition, smooth transition, animate appearance, animate change, motion, visual transition, page transition, screen transition, easing curve, animation duration, how long should this animate, should this animate, motion tokens, CubicBezierEasing, press feedback, animation feels slow, animation feels janky.