PHPackages                             fullstackfreelancer/ce-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. fullstackfreelancer/ce-timeline

Abandoned → [fullstackfreelancer/ce-timeline](/?search=fullstackfreelancer%2Fce-timeline)Typo3-cms-extension

fullstackfreelancer/ce-timeline
===============================

CE Timeline - Enables a new content element of type Timeline

5.1.0(3mo ago)01.4k↓50%5[5 PRs](https://github.com/kohlercode/ce_timeline/pulls)GPL-3.0-or-laterPHP

Since Nov 14Pushed 3mo ago1 watchersCompare

[ Source](https://github.com/kohlercode/ce_timeline)[ Packagist](https://packagist.org/packages/fullstackfreelancer/ce-timeline)[ Docs](https://kohlercode.com)[ Fund](https://kohlercode.com/donate)[ Patreon](https://www.patreon.com/typo3freelancer)[ RSS](/packages/fullstackfreelancer-ce-timeline/feed)WikiDiscussions master Synced 1mo ago

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

[![](https://github.com/kohlercode/ce_timeline/raw/master/ext_icon.png?raw=true)](https://github.com/kohlercode/ce_timeline/blob/master/ext_icon.png?raw=true) Timeline Content Element for TYPO3 CMS (ce\_timeline)
====================================================================================================================================================================================================================

[](#-timeline-content-element-for-typo3-cms-ce_timeline)

This extension provides a new content element of type "Timeline" (ce\_timeline) that contains inline records of different timeline entries. Please note that this is not a plugin and there are no records visible in any list view by default. Feel free to use the code or the extension as a basis for your own stuff.

---

Key Features
------------

[](#key-features)

- **User-Friendly:** Simple setup and handling.
- **Responsive &amp; Versatile:** Works well on all devices, offering four types of entries (time, text, image, HTML).
- **Customizable:** Comes with light, dark, and pink stylesheets, and supports custom CSS/SASS.
- **Multilingual Support:** Available in English, German, and Spanish.
- **Compatible:** Integrates smoothly with bootstrap\_package and similar extensions.

\* (the lightbox feature comes with its own, independent JavaScript!)

Online DEMO and Screenshots
---------------------------

[](#online-demo-and-screenshots)

Websites that actually use the plugin
-------------------------------------

[](#websites-that-actually-use-the-plugin)

-
-
-
-
-
-
-

Upgrade from version 3.xx to version 4.0.0
------------------------------------------

[](#upgrade-from-version-3xx-to-version-400)

Just install and overwrite the extension. If you get an error in the frontend or backend, make sure your caches have been cleared.

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

[](#installation)

Install the extension by downloading it in the extension manager or on [https://extensions.typo3.org/extension/ce\_timeline/](https://extensions.typo3.org/extension/ce_timeline/).

Basic configuration
-------------------

[](#basic-configuration)

You don't need to configure much to get this extension running.

- add the static TypoScript (Timeline - Content Element) to your template record
- add the static Page Configuration (Timeline Content Element) to your root page if you want a "New Content Element Wizard"
- choose a static TypoScript (e.g. Timeline Styles - Default) to make the timeline look nice
- add a content element of type "Timeline" and add some entries
- To use the lightbox-feature, you need to include the static TypoScript in your template record
- have fun!

Need custom CSS Styling or even SASS?
-------------------------------------

[](#need-custom-css-styling-or-even-sass)

No problem! Just do NOT include the Static TypoScript as mentioned above and the extension will render just plain HTML. If you want to use the styles that come with the extension, feel free to use the SASS file in "Resources/Private/Scss" and change them to your needs.

Changing the template files
---------------------------

[](#changing-the-template-files)

Since this is NOT a plugin but a regular content element, you need to change the following paths in order to overwrite the HTML/Fluid template paths with your own paths:

### Page Setup

[](#page-setup)

```
lib.contentElement{
    templateRootPaths{
        1277 = EXT:ce_timeline/Resources/Private/Templates/
    }
    partialRootPaths{
        1277 = EXT:ce_timeline/Resources/Private/Partials/
    }
}

```

### Template files

[](#template-files)

Files you need to copy in order to overwrite them:

Main Template file: [https://github.com/kohlercode/ce\_timeline/blob/master/Resources/Private/Templates/Timeline.html](https://github.com/kohlercode/ce_timeline/blob/master/Resources/Private/Templates/Timeline.html)

Partials: [https://github.com/kohlercode/ce\_timeline/tree/master/Resources/Private/Partials](https://github.com/kohlercode/ce_timeline/tree/master/Resources/Private/Partials)

Support &amp; Service
---------------------

[](#support--service)

If you have any problems with the extension, please let me know! Don't hesitate to send a message:

Help me to keep this Extension up-to-date!
------------------------------------------

[](#help-me-to-keep-this-extension-up-to-date)

Many times if there is a special request, I just do it for free. I believe in the power of open source and free software. I also believe in you and your projects. If you like my work and you want to ensure further development, please don't hesitate to make a donation here:

###  Health Score

42

—

FairBetter than 90% of packages

Maintenance82

Actively maintained with recent releases

Popularity22

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity44

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 98.4% 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

Every ~409 days

Total

3

Last Release

97d ago

Major Versions

4.0.1 → 5.0.12025-05-11

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/143642577?v=4)[KOHLERCODE](/maintainers/kohlercode)[@kohlercode](https://github.com/kohlercode)

---

Top Contributors

[![kohlercode](https://avatars.githubusercontent.com/u/143642577?v=4)](https://github.com/kohlercode "kohlercode (62 commits)")[![cweiske](https://avatars.githubusercontent.com/u/59036?v=4)](https://github.com/cweiske "cweiske (1 commits)")

---

Tags

cmscontentcontent-editingcontent-managementcontent-management-systemfrontend-plugintimelinetypo3typo3-extensionplugincsshistoryextensiontimelinefrontendtypo3addonzeitleistechronologischchronologic

### Embed Badge

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

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

PHPackages © 2026

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