Timeline Block

Centered timeline with items alternating left and right - great for storytelling

Timeline Block

Centered alternating layout

15 Dec
🏠

Project Started

New project "Pure Admin Dashboard" has been initialized with base configuration and team setup.

22 Oct
🎁

First Release

Version 1.0 released to production with core features and documentation.

10 Jul
👤

Team Expansion

Added three new developers to the team to accelerate development.

18 May
🏃

Sprint Milestone

Completed major refactoring sprint, improving code quality and performance.

10 Feb
⚙️

System Upgrade

Migrated to new infrastructure with improved scalability and reliability.

01 Jan
🏆

Award Recognition

Received "Best Admin Framework" award from the developer community.

Timeline Block

Another example with different content

Q1 2024
📋

Planning Phase

Strategic planning and goal setting for the year ahead.

Q2 2024
🚀

Launch Preparation

Final testing and deployment preparation phase.

Q3 2024
📈

Growth Period

User acquisition and feature expansion phase.

Q4 2024
🎯

Optimization

Performance improvements and user feedback implementation.

Timeline Block - Load More

Click button to load additional timeline entries

Jan 1
🎉

New Year Launch

Started the year with ambitious goals and fresh energy.

Jan 15
💡

Innovation Workshop

Team brainstorming session generated 20+ new feature ideas.

Feb 1
🔧

Infrastructure Update

Migrated to containerized deployment for better scalability.

Timeline Block - Virtual Scroll

Automatically loads more entries as you scroll down

Week 1
📝

Requirements Gathering

Met with stakeholders to understand project requirements and constraints.

Week 2
🎨

Design Phase

Created wireframes and mockups for all major application screens.

Week 3

Prototype Development

Built interactive prototype to validate design decisions.

Layout Modifiers

Control alignment (left/center/right) and responsive behavior independently

Left Aligned

All items on left side
--left

Jan
📝

Planning

Initial project planning phase.

Feb
🚀

Launch

Product launch and rollout.

Mar

Complete

Project successfully delivered.

Right Aligned

All items on right side
--right

Jan
📝

Planning

Initial project planning phase.

Feb
🚀

Launch

Product launch and rollout.

Mar

Complete

Project successfully delivered.

Keep Layout

No mobile collapse
--keep-layout

Jan
📝

Planning

Stays alternating on mobile.

Feb
🚀

Launch

Zig-zag preserved on small screens.

Mar

Complete

Layout maintained at all widths.

Left + Keep Layout

Left-aligned, stays left on mobile
--left --keep-layout

Q1
📊

Analysis

Market research and competitive analysis completed.

Q2
🎨

Design

UI/UX design and prototyping phase.

Q3
💻

Development

Implementation and testing phase.

Right + Keep Layout

Right-aligned, stays right on mobile
--right --keep-layout

Q1
📊

Analysis

Market research and competitive analysis completed.

Q2
🎨

Design

UI/UX design and prototyping phase.

Q3
💻

Development

Implementation and testing phase.

Type to search or use /p for products, /o for orders, /u for users, /i for invoices

Settings

👤

John Doe

Administrator