Timeline 19 block design & features
Timeline19 is a shadcn/ui vertical timeline block that stacks four project phases in a single column with a continuous line running down the left edge. Each phase includes a date, title, and description beside a hollow dot marker, and a left-aligned heading sits above the timeline in a narrow max-width container.
The visual treatment is minimal and borderless, with a muted track line and a darker animated fill that grows to reflect progress through the phases. Dot markers use a filled ring style that sits on the track, and typography follows a compact hierarchy with bold phase titles and muted supporting text. Framer Motion drives the progress line animation when the block enters the viewport.
Overall the block reads as a clean, instructional timeline suited to product roadmaps or rollout plans. The vertical-only layout keeps the same information density at every breakpoint without switching to a horizontal grid, which makes it a straightforward vertical counterpart to multi-column phase timelines.