auto-animate

Add smooth animations to DOM element changes by applying a zero-configuration animation utility to your list element. It automatically handles element additions, removals, and reordering with fade and position transitions across React, Vue, Svelte, Solid, and vanilla JS.

Animate list reordering and item removal automatically with a zero-configuration approach that detects DOM changes. It applies smooth fade-in, fade-out, and position transitions without requiring manual keyframe setup or complex transition state management.

Yes, it works with Svelte, vanilla JavaScript, React, Vue, and Solid. It integrates seamlessly with these frameworks to automatically apply smooth transitions to DOM element additions, removals, and reordering.

Yes, you can use custom animation keyframes for UI transitions. While it provides automatic zero-configuration animations out of the box, it also supports custom keyframes to tailor the visual feedback of element additions, removals, and reordering.

Yes, DOM animations respect user motion preferences. It automatically checks and adheres to the user's system settings for reduced motion, ensuring accessibility when applying transitions to element additions, removals, and reordering.