Detailed description
The timeline is an extremely popular UI pattern for telling a company's history (From 2012 to today) or the steps to flow through to use your product (Step 1, Step 2, Step 3).
You are free to add small images or circular icons at the timeline intersections.
Fluid Navigation
- Highly clever design that switches from a "zigzag" structure on Desktop to a single lateral line on Mobile.
- Forces sequential reading to guide the user through the process.
- Styled via modern CSS, ensuring graphic lines without heavy image assets.
Performance
Zero useless scripts, Vanilla JS only.
Native Gutenberg
WCAG compliance for all users.
Vertical Timeline
JS Weight
< 2kb
Version
1.0.0
WCAG
WCAG 2.1 AA
0
Likes
1
Downloads
Vanilla JS Architecture
Guaranteed zero technical debt, optimized for Core Web Vitals.
You might also like
Discover more blocks in the category creator