TYPO3 CMS Extension to test everything in the TYPO3 Backend

Installs: 142 556

Dependents: 7

Suggesters: 2

Security: 0

Stars: 70

Watchers: 23

Forks: 38

Open Issues: 10


10.0.3 2019-09-04 14:04 UTC


Build Status

TYPO3 CMS Backend Styleguide

Welcome to the living Styleguide for TYPO3 CMS backend. Presents supported styles for TYPO3 backend modules.

Official repository for TYPO3 CMS extension "styleguide" with changelog.

Table of content

  1. Typography
  2. TCA / Records
  3. Trees
  4. Tab
  5. Tables
  6. Avatar
  7. Buttons
  8. Infobox
  9. FlashMessages / Notification
  10. Icons
  11. Debug
  12. Helpers


This Styleguide comes as a TYPO3 extension for the TYPO3 backend. It appears as backend module within the Help/Manuals navigation section.


With composer based TYPO3 installation add this Styleguide by running the following command on shell within project root (where the root composer.json file resides):

composer require typo3/cms-styleguide

Composer will automatically find, download and extract the appropriate version into extension manager. Activate Styleguide extension from TYPO3 backend in Extension Manager.

Hint: If helhum/typo3-console has been installed locally. Activate Styleguide extension on shell:

./typo3cms extension:install styleguide

TYPO3 Extension Repository

Head to TYPO3 backend > Extension Manager > Get Extensions. Search for and install extension key „styleguide“. Activate Styleguide extension within TYPO3 backend in Extension Manager.


Disclaimer: This styleguide does not look perfect - besides documentation the guide should also point out missing concepts and styles. Therefore every imperfect style also is a todo. The solution could be included in the TYPO3 CMS core at any stage.

This guide is highly inspired by Bootstrap, Zurb Foundation and Pattern Lab.