@magicui/animated-listloading the log…
NO RECENT BUILD
Pipeline
  1. Docsusage, props, keywords
  2. Demosrc/demo.tsx
  3. Buildshadcn add → vite
  4. Capturelight, dark, motion
  5. IndexBM25 + vectors

Public log. Prompts, raw model errors and costs stay on the admin side.

Log
Demo source
src/demo.tsx · from an earlier run
import { CheckCircle2Icon, GitPullRequestIcon, MessageCircleIcon, UserPlusIcon } from "lucide-react"import { AnimatedList } from "@/components/ui/animated-list"export default function AnimatedListDemo() {  return (    <AnimatedList className="w-full max-w-md" delay={700}>      <div key="comment" className="flex items-center gap-3 rounded-lg border bg-card p-3 shadow-sm">        <div className="flex size-9 shrink-0 items-center justify-center rounded-full bg-blue-100 text-blue-600 dark:bg-blue-950 dark:text-blue-400">          <MessageCircleIcon className="size-4" />        </div>        <div className="min-w-0 flex-1">          <p className="text-sm font-medium">New comment on your post</p>          <p className="text-xs text-muted-foreground">Alex replied a few moments ago</p>        </div>      </div>      <div key="member" className="flex items-center gap-3 rounded-lg border bg-card p-3 shadow-sm">        <div className="flex size-9 shrink-0 items-center justify-center rounded-full bg-violet-100 text-violet-600 dark:bg-violet-950 dark:text-violet-400">          <UserPlusIcon className="size-4" />        </div>        <div className="min-w-0 flex-1">          <p className="text-sm font-medium">New team member joined</p>          <p className="text-xs text-muted-foreground">Jordan is now part of your workspace</p>        </div>      </div>      <div key="pull-request" className="flex items-center gap-3 rounded-lg border bg-card p-3 shadow-sm">        <div className="flex size-9 shrink-0 items-center justify-center rounded-full bg-amber-100 text-amber-600 dark:bg-amber-950 dark:text-amber-400">          <GitPullRequestIcon className="size-4" />        </div>        <div className="min-w-0 flex-1">          <p className="text-sm font-medium">Pull request ready for review</p>          <p className="text-xs text-muted-foreground">Update dashboard components</p>        </div>      </div>      <div key="deployment" className="flex items-center gap-3 rounded-lg border bg-card p-3 shadow-sm">        <div className="flex size-9 shrink-0 items-center justify-center rounded-full bg-emerald-100 text-emerald-600 dark:bg-emerald-950 dark:text-emerald-400">          <CheckCircle2Icon className="size-4" />        </div>        <div className="min-w-0 flex-1">          <p className="text-sm font-medium">Deployment completed</p>          <p className="text-xs text-muted-foreground">Production is running the latest build</p>        </div>      </div>    </AnimatedList>  )}