Vertical Timeline
A vertical timeline with alternating content cards and connecting line.
Adjust the preview
Every choice updates the preview and the wording below.
Alignment
Line Style
Marker Style
Scroll Animation
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a vertical timeline layout with alternating left-right card alignment and a solid thin connecting line. Each node has a filled circle dot marker. Cards contain a title, date, and description. Add fade-in on scroll on scroll. Make it responsive — single column on mobile.
Paste it into Claude, Cursor, or v0 along with the context for your project.