PHPackages                             pluswerk/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. [PDF & Document Generation](/categories/documents)
4. /
5. pluswerk/timeline

ActiveTypo3-cms-extension[PDF & Document Generation](/categories/documents)

pluswerk/timeline
=================

Pluswerk: HTML to PDF

1.1.0(5y ago)124GPL-2.0-or-laterPHP

Since Jun 16Pushed 5y ago2 watchersCompare

[ Source](https://github.com/pluswerk/timeline)[ Packagist](https://packagist.org/packages/pluswerk/timeline)[ Docs](https://www.pluswerk.ag)[ RSS](/packages/pluswerk-timeline/feed)WikiDiscussions master Synced 3d ago

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

What does it do
===============

[](#what-does-it-do)

This extension adds the possibility to create dynamic timelines for your TYPO3 project.

[![image](https://user-images.githubusercontent.com/17744843/84768193-1ea0be80-afd4-11ea-824e-a3eb7432a48f.png)](https://user-images.githubusercontent.com/17744843/84768193-1ea0be80-afd4-11ea-824e-a3eb7432a48f.png)

Usage
=====

[](#usage)

You can create timeline-records inside of a storage folder. A timeline-record contains epochs, which define a timerange each. Inside of an epoch you can create moments, which are getting displayed in the frontend via tooltip.

To view your timeline in frontend you simply create the "Timeline"-Plugin and select the timelines you want to see.

Assets
======

[](#assets)

You may include the SCSS and JavaScript files from this Extension. We provide [popper.js](https://popper.js.org/docs/v2/) with polyfills for IE11-usage.

```
includeJSFooter.popper = EXT:timeline/Resources/Public/JavaScript/popper.js
includeJSFooter.timeline = EXT:timeline/Resources/Public/JavaScript/timeline.js

```

Include the scss-file in your bundler.

```
/path/to/timeline/Resources/Private/Scss/Timeline.scss

```

Otherwise you can write your own styles and scripts to match your design.

Images
======

[](#images)

You can export your timeline as image (experimental). Therefore the library [html2canvas](https://html2canvas.hertzen.com/) is being used. Import it like this:

```
includeJSFooter.html2canvas = EXT:timeline/Resources/Public/JavaScript/htmltocanvas.js

```

You can edit the template and JavaScript like this to print your image to the website (and download it as jpg/png):

```
To image
```

```
var button = document.querySelector('.js-to-image');
  button.addEventListener('click', function () {
    var line = document.querySelector('.js-timeline');
    html2canvas(line).then(function (canvas) {
      document.body.appendChild(canvas);
    });
  });
```

###  Health Score

25

—

LowBetter than 37% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity56

Maturing project, gaining track record

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

Every ~8 days

Total

2

Last Release

2151d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/471387?v=4)[Matthias Vogel](/maintainers/Kanti)[@Kanti](https://github.com/Kanti)

![](https://www.gravatar.com/avatar/ce27306c234536251754f00414959671d4a775e9cf57cce2f5ea1dca158183d6?d=identicon)[andersundsehr](/maintainers/andersundsehr)

### Embed Badge

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

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

###  Alternatives

[bithost-gmbh/pdfviewhelpers

This is a TYPO3 CMS extension that provides various Fluid ViewHelpers to generate PDF documents.

45242.7k2](/packages/bithost-gmbh-pdfviewhelpers)[georgringer/redirect-generator

Generate redirect entries from a given set of URLs and export all to CSV

1645.5k](/packages/georgringer-redirect-generator)

PHPackages © 2026

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