src/shared/ui/VirtualList/VirtualList.svelte

@@ -13,6 +13,8 @@ import { createVirtualizer } from '$shared/lib';
 import { ScrollArea } from '$shared/shadcn/ui/scroll-area';
 import { cn } from '$shared/shadcn/utils/shadcn-utils';
 import type { Snippet } from 'svelte';
+import { flip } from 'svelte/animate';
+import { quintOut } from 'svelte/easing';
 
 interface Props {
     /**
@@ -149,9 +151,11 @@ $effect(() => {
                 data-index={item.index}
                 class="absolute top-0 left-0 w-full"
                 style:transform="translateY({item.start}px)"
+                animate:flip={{ delay: 0, duration: 300, easing: quintOut }}
             >
                 {#if item.index < items.length}
                     {@render children({
+    // TODO: Fix indenation rule for this case
     item: items[item.index],
     index: item.index,
     isVisible: item.isVisible,