Registry Index
ComponentReactregistry:ui

Animated List

animated-list

A list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.

@magicuiRegistry JSON

Runs in a sandboxed frame on a separate origin. Mounted with no props — some items need input to show anything.

1 example

See it in use

Animated List Demo
Animated List Demo
m@magicui
Example
Used by 2 items

Built on Animated List

Other @magicui items that list this one as a dependency.

Animated List Demo
Animated List Demo
m@magicui
Example
No preview
Bento Demo
m@magicui
Example
@magicui

More from @magicui

All 247 items
Animated Beam Multiple Inputs
Animated Beam Multiple Inputs
m@magicui
Example
Animated Beam Unidirectional
Animated Beam Unidirectional
m@magicui
Example
Animated Circular Progress Bar Demo
Animated Circular Progress Bar Demo
m@magicui
Example
Animated Grid Pattern
Animated Grid Pattern
m@magicui
Component
Glyph Matrix Demo
Glyph Matrix Demo
m@magicui
Example
Animated Theme Toggler — Diamond
Animated Theme Toggler — Diamond
m@magicui
Example
Animated Theme Toggler — next-themes
Animated Theme Toggler — next-themes
m@magicui
Example
Animated Theme Toggler — Square
Animated Theme Toggler — Square
m@magicui
Example