Animated List Components

Dev Design Library indexes 14 animated list components from 10 open-source UI libraries, with the most coming from Kinetics, UI Lab, Rare UI, Magic UI and React Bits. Each one links to its page with the source code, a live preview where available, the library license and the install command. 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
• Activity LedgerKinetics · HTML/CSSFresh events arrive sharply while older entries compact
• Animated ListAnimations (Svelte) · SvelteA component that animates list items with smooth layout transitions, revealing items one by one from top to bottom.
• 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.
• Stagger EntranceKinetics · HTML/CSSList items rise in sequence on scroll into view
• LeaderboardUI Lab · ReactPlayers glide past each other to their new ranks.
• Vector RecallKinetics · HTML/CSSNearest embeddings drift in as a query ring sweeps the space
• Stagger VisualizerUI Lab · ReactShows what per-item delay actually does to a list entrance.

Libraries with animated list components

• Kinetics
• UI Lab
• Rare UI
• Magic UI
• React Bits

Related categories

• React Animated List Components
• Tailwind CSS Animated List Components
• Data Display Components
• Card Components
• Chart Components
• Table Components
• Avatar Components
• List Components
• Stat Components
• Calendar Components
• Accordion Components
• Data Table Components
• Carousel Components
• Collapsible Components
• Avatar Group Components
• Stat Card Components
• Bar Chart Components
• Tree View Components