Sveltejs Academy · Lesson

animate:flip for List Reordering

Animate list items smoothly when their order changes using the FLIP technique.

What animate:flip Does

flip animates elements smoothly when their position in a keyed each block changes.

From svelte/animate.

import { flip } from "svelte/animate";