@aceternity/container-scroll-animationloading 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 { ContainerScroll } from "@/components/ui/container-scroll-animation"export default function ContainerScrollAnimationDemo() {  return (    <div className="w-full max-w-2xl">      <ContainerScroll        titleComponent={          <p className="text-3xl font-bold tracking-tight md:text-5xl">            Project analytics          </p>        }      >        <div className="h-full w-full p-4 md:p-8">          <div className="flex items-center justify-between border-b pb-4">            <div>              <p className="font-semibold">Weekly overview</p>              <p className="text-sm text-muted-foreground">Performance across your projects</p>            </div>            <span className="rounded-full bg-emerald-100 px-3 py-1 text-xs font-medium text-emerald-700 dark:bg-emerald-950 dark:text-emerald-300">              Live            </span>          </div>          <div className="mt-6 grid grid-cols-3 gap-3">            <div className="rounded-xl border bg-background p-3">              <p className="text-xs text-muted-foreground">Visitors</p>              <p className="mt-1 text-xl font-semibold">24.8k</p>            </div>            <div className="rounded-xl border bg-background p-3">              <p className="text-xs text-muted-foreground">Sign-ups</p>              <p className="mt-1 text-xl font-semibold">1,284</p>            </div>            <div className="rounded-xl border bg-background p-3">              <p className="text-xs text-muted-foreground">Conversion</p>              <p className="mt-1 text-xl font-semibold">5.2%</p>            </div>          </div>          <div className="mt-6 flex h-32 items-end gap-2 rounded-xl border bg-background p-4">            {[38, 54, 46, 72, 64, 86, 78, 96, 82, 100, 92, 112].map((height, index) => (              <div                key={index}                className="flex-1 rounded-t-sm bg-gradient-to-t from-violet-500 to-indigo-400"                style={{ height }}              />            ))}          </div>        </div>      </ContainerScroll>    </div>  )}