AnimatePresence — basic
Exit animations when an element unmounts.
motion-solidjs·77 examples
Motion for SolidJS, by example.
A live gallery of every gesture, transition, layout trick, drag constraint, scroll effect and motion value pattern — running on motion-solidjs, TanStack Start and SolidJS.
AnimatePresence
mount and unmount animationsAnimatePresence — modes
Compare sync, wait and popLayout side by side.
AnimatePresence — slide carousel
Arrow buttons slide a card; exit direction depends on the press.
Crossfade tabs
Switch tab bodies with a quick crossfade.
AnimatePresence — wait
mode="wait" defers the new child until the old one exits.
Image gallery
Directional slide-and-fade as you page through.
Modal
Backdrop fade + sheet slide, with coordinated exit.
Notifications stack
Items spring in, fall out and the stack reflows.