Download the PHP package oliverthiele/ot-countup without Composer
On this page you can find all versions of the php package oliverthiele/ot-countup. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download oliverthiele/ot-countup
More information about oliverthiele/ot-countup
Files in oliverthiele/ot-countup
Package ot-countup
Short Description CE CountUp - TYPO3 content element for animated, viewport-triggered counting statistics (key figures).
License GPL-2.0-or-later
Homepage https://www.oliver-thiele.de/
Informations about the package ot-countup
ot_countup — Animated CountUp Content Element for TYPO3
Adds a content element with animated, viewport-triggered counting statistics (key figures) to TYPO3.
Features
- Any number of key figures per content element, managed via IRRE
- Each key figure counts up from a start to an end value once it scrolls into view
- Optional prefix/suffix per key figure (e.g. "ca.", "+", "%", "years")
- Optional icon per key figure — works standalone, or with visual icon selection when
ot-iconselectoris installed, and with rendered SVG icons whenot-iconsis installed - No hard dependency on SiteKit or any icon extension — works in any TYPO3 v14 project
- Accessible by default: animated numbers are
aria-hidden, a visually hidden element exposes the final value immediately,prefers-reduced-motiondisables the animation - Progressive enhancement: the end value is present in the markup without JavaScript
- Ships pre-minified, dependency-free vanilla JavaScript and CSS — no build step required to use the extension
Requirements
| Requirement | Version |
|---|---|
| TYPO3 | ^14.3 |
| PHP | >=8.4 |
Installation
After installation, activate the Site Set "OtCountup" for your site in the TYPO3 backend.
Configuration
TypoScript
TypoScript is auto-included via the Site Set. For manual integration without Site Set:
Optional icon support
Install oliverthiele/ot-iconselector for a
visual icon picker on the icon_identifier field, and
oliverthiele/ot-icons to render the selected icon as
inline SVG in the frontend. Both are entirely optional — without them, icon_identifier is a plain text field
and no icon is rendered.
Template override
To customise the output, override the template in your sitepackage:
The same override mechanism can be used to swap the shipped JS/CSS for assets built by your own project's
build pipeline — see Resources/Private/Bootstrap5/Templates/CountUp.html for the f:asset.* calls to
replace.
Usage
- Create a new CountUp content element in the TYPO3 backend.
- Add key figures via the IRRE interface. Each key figure has a label, start/end value, optional prefix/suffix, and an optional icon.
- Optionally set the animation duration (ms) for the whole element — it applies to every key figure.
Development
The shipped assets in Resources/Public/JavaScript/ and Resources/Public/Css/ are pre-built and committed.
The source lives in Resources/Private/JavaScript/CountUp.ts (TypeScript) and Resources/Private/Scss/CountUp.scss
(Sass) — the .ts/.scss extensions make it explicit that these files need compiling, unlike the portable,
build-free JS/CSS convention used elsewhere in this ecosystem. To change them:
This is only needed for maintaining the extension itself — consumers do not need Node.js.
License
GPL-2.0-or-later — © 2026 Oliver Thiele