Primitive · CLI

Timeline Animation

Sequential in-view reveal for heroes — opacity + y only (no blur). Pass customVariants only when you need a different recipe.

Preview

npx shadcn@latest add @atroui/timeline-animation

Scope

Build

Ship

Agent blurb — install command + no npm UI rule. For agents

npx shadcn@latest add @atroui/timeline-animation

Source lands in your repo. Installation · Registry

tsx

import { TimelineAnimation } from "@/components/ui/timeline-animation"

<TimelineAnimation animationNum={0} timelineRef={ref}>…</TimelineAnimation>

import { TimelineAnimation } from "@/components/ui/timeline-animation"

<TimelineAnimation animationNum={0} timelineRef={ref}>…</TimelineAnimation>