> ## Documentation Index
> Fetch the complete documentation index at: https://docs.softr.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Layout: List with timeline

> Overview of the List layout.

<Note>List with timeline block is available for users on the [Business plan and above](https://www.softr.io/pricing).</Note>

<Frame caption="List with timeline">
  <img src="https://mintcdn.com/softr-2b8a27e1/tMZDAvcO0-kBoY1f/building-blocks/images/layout-list-with-timeline/image1.png?fit=max&auto=format&n=tMZDAvcO0-kBoY1f&q=85&s=699bb8300591c8ddc2ffb278bccafde7" alt="List with timeline" width="2060" height="1608" data-path="building-blocks/images/layout-list-with-timeline/image1.png" />
</Frame>

With this layout you can organize your List items in a vertical timeline. Below is an example of a timeline list that presents projects sorted by their completion date.

<Frame caption="Projects comletion timeline">
  <img src="https://mintcdn.com/softr-2b8a27e1/tMZDAvcO0-kBoY1f/building-blocks/images/layout-list-with-timeline/image2.gif?s=34e9e8aed9c6548be9c37442c109bc08" alt="Projects comletion timeline" width="2878" height="1418" data-path="building-blocks/images/layout-list-with-timeline/image2.gif" />
</Frame>