Dev Design LibraryOpen the library

React Animated List Components

Dev Design Library indexes 10 React animated list components from 8 open-source UI libraries, with the most coming from UI Lab, Rare UI, Magic UI, React Bits and SpaceUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Animated list components belong to the Data display group.

Animated ListReact Bits · ReactList items enter with staggered motion variants for polished reveals.
Animated ListMagic UI · ReactA list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.
Task ListRare UI · ReactA checklist that strikes out completed tasks and moves them to the bottom of the list.
Animated List 01 - DefaultShadcn Space · ReactAnimated List component
Animated ListBadtz UI · ReactA sophisticated animation component that creates dynamic column-based transitions with scaling effects. Perfect for…
Filter ListUI Lab · ReactRows fade out of the way while the rest slide up to close the gap.
Animated ListVelora UI · ReactLooping feed that springs each item in, newest on top.
Notification ListSpaceUI · ReactDisplays an interactive feed of incoming notifications with unread indicators, timestamps, and swipe-to-dismiss actions.
LeaderboardUI Lab · ReactPlayers glide past each other to their new ranks.
Stagger VisualizerUI Lab · ReactShows what per-item delay actually does to a list entrance.

Libraries with React animated list components

Related categories