Features

A toolkit, not a template

Three extensions work together: connetation/t3wtk-base provides the design system and page templates, connetation/t3wtk-elements the content elements, and your sitepackage the project-specific touches.

t3wtk-base

Page templates, navigation, footer, design tokens, light/dark theme and site settings.

t3wtk-elements

More than 30 content elements — sliders, galleries, cards, data and interactive widgets.

t3wtk-sitepackage

Your project layer: theme overrides, forms, email templates and SEO configuration.

Under the hood

Highlights

Site settings

Configure colors, logo, navigation and footer in the Site Management module.

Dark mode

A full dark palette with a theme toggle — per site, no extra CSS.

Column layouts

Five container layouts to arrange any element side by side.

Backgrounds

Color, image and parallax backgrounds for every content element.

Animations

Text and scroll animations powered by GSAP — just pick one.

Forms & emails

A contact form with validation and branded email templates.

How it works

From install to launch

Install

Require the t3wtk packages via Composer.

Configure

Add the Site Set and set your colors and logo.

Create

Build pages with the content elements.

Launch

Go live with a fast, accessible site.

FAQ

Frequently asked questions

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.

See every element in action

Browse the element showcase to see what you can build.

Browse elements