One data grid for JavaScript, React, Vue & Angular. Sorting, filtering, virtualization, pinning, and CSV export included. Early access $199 $349 → [Get it now]

How to use transition-group in Vue

Animating lists when items are added, removed, or reordered creates a much better user experience than instant changes, especially in task lists or data tables. As the creator of CoreUI, I’ve built numerous animated list interfaces for enterprise applications. Vue 3 provides the TransitionGroup component specifically for animating multiple elements or lists with v-for loops. Unlike the Transition component which handles single elements, TransitionGroup manages transitions for each item independently.

Read More…