AnimatedList

Lista que aparece elemento a elemento, como notificaciones.

  • Código: RODD·CP·047
  • Familia: Componentes
  • Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT

Cómo instalarlo

npx shadcn@latest add "https://magicui.design/r/animated-list.json"

Cuándo usarlo

Sustituyen a un componente estándar cuando la experiencia es parte del producto.

Props para personalizarlo

PropTipoPor defecto
childrenReact.ReactNode
delaynumber1000
classNameunknown

Otros efectos de componentes

  • CardNav — Barra de navegación que se expande en paneles de tarjetas.
  • Counter — Contador de rodillos animado con easing.
  • Dock — Dock estilo macOS con magnificación por proximidad.
  • ElementAlongSvgPath — Elementos que se mueven siguiendo un trazado SVG.
  • GlassSurface — Superficie de cristal estilo Apple con distorsión en tiempo real.
  • LineSidebar — Barra lateral cuyos elementos reaccionan a la cercanía del cursor.