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 (start/center/end) and responsive behavior independently

Start Aligned

All items on start side
--start

Jan
📝

Planning

Initial project planning phase.

Feb
🚀

Launch

Product launch and rollout.

Mar

Complete

Project successfully delivered.

End Aligned

All items on end side
--end

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.

Start + Keep Layout

Start-aligned, stays start on mobile
--start --keep-layout

Q1
📊

Analysis

Market research and competitive analysis completed.

Q2
🎨

Design

UI/UX design and prototyping phase.

Q3
💻

Development

Implementation and testing phase.

End + Keep Layout

End-aligned, stays end on mobile
--end --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 / for commands, : to search a category, or just start typing

Settings

Body text size. All elements scale proportionally.
👤

John Doe

Administrator
  • 📊 Dashboard
  • 📝 Forms
  • 📋 Tables
  • 📊 Data Grid