PHPackages                             marekskopal/typo3-timeline - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. marekskopal/typo3-timeline

ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility)

marekskopal/typo3-timeline
==========================

Timeline events plugin for TYPO3 CMS

v1.0.0(3mo ago)09GPL-2.0-or-laterPHPPHP >=8.3

Since Mar 15Pushed 3mo agoCompare

[ Source](https://github.com/marekskopal/typo3-timeline)[ Packagist](https://packagist.org/packages/marekskopal/typo3-timeline)[ Docs](https://marekskopal.cz)[ RSS](/packages/marekskopal-typo3-timeline/feed)WikiDiscussions main Synced 3w ago

READMEChangelog (1)Dependencies (10)Versions (2)Used By (0)

Timeline for TYPO3 CMS
======================

[](#timeline-for-typo3-cms)

Timeline events as a content element in TYPO3. Events with a name, short description, and date range are managed in the TYPO3 backend; the frontend renders a responsive two-column timeline with alternating left/right cards.

Features
--------

[](#features)

- Events with name, perex, description (RTE), date from, and optional date to
- Events sorted by date (newest first)
- Alternating left/right card layout with a central vertical line
- Customizable templates and styling

Requirements
------------

[](#requirements)

- PHP 8.3+
- TYPO3 13.4 or 14.x

Installation
------------

[](#installation)

```
composer require marekskopal/typo3-timeline
```

After installation, run the database analyser in the TYPO3 Install Tool to create the required tables.

Setup
-----

[](#setup)

Include the TypoScript Set **Timeline** in your site package or via the site configuration sets.

Backend Setup
-------------

[](#backend-setup)

Create **Timeline Event** records on the page where the content element is placed:

- **Title** — event title (required)
- **Subtitle** — optional subtitle shown below the title
- **Perex** — short summary shown on the card
- **Description** — full RTE description
- **Date From** — event start date (required, used for sorting)
- **Date To** — event end date (optional)

Then add the **Timeline** content element to the same page.

Customization
-------------

[](#customization)

### Templates

[](#templates)

Override templates by setting custom paths in TypoScript:

```
plugin.tx_mstimeline.view.templateRootPaths.10 = EXT:your_extension/Resources/Private/Templates/MsTimeline/
plugin.tx_mstimeline.view.partialRootPaths.10  = EXT:your_extension/Resources/Private/Partials/MsTimeline/
plugin.tx_mstimeline.view.layoutRootPaths.10   = EXT:your_extension/Resources/Private/Layouts/MsTimeline/

```

### Styling

[](#styling)

The extension includes minimal CSS. Key classes:

ClassElement`.mstimeline-wrapper`Outer wrapper`.mstimeline`Timeline container`.mstimeline__item`Single event row`.mstimeline__item--left`Card positioned on the left`.mstimeline__item--right`Card positioned on the right`.mstimeline__dot`Central dot marker`.mstimeline__card`Event card`.mstimeline__date`Date label`.mstimeline__title`Event title`.mstimeline__subtitle`Event subtitle`.mstimeline__perex`Short description`.mstimeline__description`Full RTE descriptionLicense
-------

[](#license)

GPL-2.0-or-later

###  Health Score

37

—

LowBetter than 81% of packages

Maintenance80

Actively maintained with recent releases

Popularity4

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity49

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

104d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/33967656?v=4)[Marek Skopal](/maintainers/marekskopal)[@marekskopal](https://github.com/marekskopal)

---

Top Contributors

[![marekskopal](https://avatars.githubusercontent.com/u/33967656?v=4)](https://github.com/marekskopal "marekskopal (4 commits)")

---

Tags

eventstimelinetypo3

###  Code Quality

TestsPHPUnit

Static AnalysisPHPStan

Type Coverage Yes

### Embed Badge

![Health badge](/badges/marekskopal-typo3-timeline/health.svg)

```
[![Health](https://phpackages.com/badges/marekskopal-typo3-timeline/health.svg)](https://phpackages.com/packages/marekskopal-typo3-timeline)
```

###  Alternatives

[georgringer/news

News system - Versatile news system based on Extbase & Fluid and using the latest technologies provided by TYPO3 CMS.

2825.2M112](/packages/georgringer-news)[wazum/sluggi

TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects

41515.2k](/packages/wazum-sluggi)[pagemachine/typo3-formlog

Form log for TYPO3

23233.9k8](/packages/pagemachine-typo3-formlog)[t3brightside/pagelist

TYPO3 CMS extension to create news, events, vacancies and products or just page lists. Demo: microtemplate.t3brightside.com

1121.0k1](/packages/t3brightside-pagelist)[friendsoftypo3/visual-editor

TYPO3 CMS Visual Editor - Brings a modern WYSIWYG editing experience to TYPO3 CMS.

523.1k2](/packages/friendsoftypo3-visual-editor)[netresearch/contexts

Multi-channel content visibility for TYPO3 - by Netresearch

1118.6k1](/packages/netresearch-contexts)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)