Interactive

Interactive elements

Structure information with accordions, tabs, step-by-step processes and timelines.

Tabs

Tabs keep related content compact. Each tab has a title and rich text.

Every element is configurable in the backend — spacing, backgrounds, colors and animations — without touching a single line of code.

Choose between classic tabs and pills, optionally justified and with a fade animation.

  • Bootstrap 5 tabs
  • Keyboard accessible
  • Up to 200 tabs per element

Accordion

t3wtk is a set of TYPO3 extensions — base, elements and sitepackage — that gives you a complete, themeable website toolkit for TYPO3 LTS 14.

No. Colors, logo, navigation, footer and dark mode are site settings. For deeper changes the sitepackage exposes every design token as a CSS custom property.

Delete the demo page tree and the site configuration "t3kit-demosite" — or simply start editing: it is regular TYPO3 content.

All elements use semantic markup, proper heading levels and keyboard-accessible interactive widgets built on Bootstrap 5.

Process / Steps

Discovery

Understand goals and users.

Concept

Structure and wireframes.

Design

Visual design and prototypes.

Build

Development and content.

Launch

Go live and iterate.

Timeline

2023

The idea

A shared toolkit instead of starting every project from scratch.

2024

First release

Base templates and the first content elements.

2025

Elements

Sliders, galleries and data elements join the family.

2026

TYPO3 LTS 14

Site Sets, dark mode and this demo site.