This whole registry and philosophy is available as a Claude Code Agent Skill — install it and Claude builds UI with it directly.
Install the Skill →Components · Timeline
Timeline
$ npx @dhruvchoudhary/dsgn add timelineA vertical timeline with dot/icon markers connected by a line.
Order placed
9:41 AMYour order has been received.
Payment confirmed
9:42 AMCard charged successfully.
Shipped
2:15 PMPackage handed to carrier.