PHPackages typo3/cms-styleguide - 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. [Utility & Helpers](/categories/utility) 4. / 5. typo3/cms-styleguide ActiveTypo3-cms-framework[Utility & Helpers](/categories/utility) typo3/cms-styleguide ==================== TYPO3 extension to showcase TYPO3 Backend capabilities v14.3.4(2w ago)106760.3k↑22.5%57[11 issues](https://github.com/TYPO3-CMS/styleguide/issues)[1 PRs](https://github.com/TYPO3-CMS/styleguide/pulls)19GPL-2.0-or-laterPHP Since Nov 21Pushed 2w ago15 watchersCompare [ Source](https://github.com/TYPO3-CMS/styleguide)[ Packagist](https://packagist.org/packages/typo3/cms-styleguide)[ Docs](https://typo3.community/)[ Fund](https://typo3.org/membership)[ RSS](/packages/typo3-cms-styleguide/feed)WikiDiscussions main Synced 4d ago READMEChangelog (9)Dependencies (19)Versions (129)Used By (19) TYPO3 CMS Backend Styleguide ============================ [](#typo3-cms-backend-styleguide) [![](Documentation/styleguide_index.png)](Documentation/styleguide_index.png) What is it? =========== [](#what-is-it) Styleguide is a TYPO3 extension. It provides a backend module in the "System" section of the backend. It can create a page tree to show examples. When TYPO3 core adds or deprecates features covered by this extension, core developers strive to keep it updated, reflecting these changes. Styleguide is a reference to show a lot of TYPO3 backend features, often relevant for own extensions: - A set of snippets showing how to use default backend functionality like tables, buttons, boxes or notifications. - A huge set of 'TCA' examples, showing "all" features of the backend editing forms. Usages ====== [](#usages) - The extension is interesting for **backend extension developers** as a reference to see how casual stuff like buttons and other HTML related things are solved or used in the backend, and to copy+paste solutions. Additionally, the TCA examples is a near-complete show-case of [FormEngine](https://docs.typo3.org/m/typo3/reference-coreapi/10.4/en-us/ApiOverview/FormEngine/Index.html)(editing records in the backend). Developers will see new things they did not know yet. Guaranteed! - The extension can be interesting for **technical project managers** to get an idea of what the backend editing is capable of out-of-the-box and which parts can be sold to customers without adding expensive implementation burdens to developers. - Styleguide is used by **core developers** to test and verify changes to JavaScript, HTML and PHP code do not break layout or functionality of backend modules. The extension is also used in core backend acceptance tests to verify FormEngine details do not break when developing core patches. - Styleguide is used within the official core documentation to provide examples, screenshots and possible usages of core functionality. Especially the [TCA reference](https://docs.typo3.org/m/typo3/reference-tca/master/en-us/)heavily relies on it. Installation ============ [](#installation) Styleguide comes as a TYPO3 extension for the TYPO3 backend. After initial installation, it is advisable to let styleguide create an example page tree with records by clicking the "TCA / records -> Create styleguide page tree with data", and waiting for a couple of seconds for the system to crunch the data. Initialization ============== [](#initialization) With styleguide, it is possible to automatically create sample pages and content for 2 purposes: 1. "styleguide TCA demo" to showcase various TCA features 2. "styleguide frontend demo" to create pages which can be used for Frontend testing These pages can be created either in the backend or on the command line: ``` # show help bin/typo3 styleguide:generate -h # create pages bin/typo3 styleguide:generate -c ``` Alternatively, the pages can be created in the TYPO3 backend: 1. Access the styleguide module by clicking on the question mark in the top bar: ? | Styleguide | TCA / Records / Frontend 2. Click the available buttons Usage ===== [](#usage) Styleguide comes with a module which is available by clicking on the question mark in the top bar: ? | Styleguide. You can also peruse through the TCA demo by selecting the pages in the page tree. Use the records module to get access to the records. The TYPO3 TCA reference documentation often uses examples from the styleguide. Legal ===== [](#legal) This project is released under GPLv2 license. See LICENSE.txt for details. - Placeholder texts are from [Bacon Ipsum](http://baconipsum.com/) ### Health Score 71 — ExcellentBetter than 100% of packages Maintenance94 Actively maintained with recent releases Popularity55 Moderate usage in the ecosystem Community45 Growing community involvement Maturity81 Battle-tested with a long release history Bus Factor2 2 contributors hold 50%+ of commits 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 ~30 days Recently: every ~2 days Total 127 Last Release 19d ago Major Versions v13.4.29 → v14.3.12026-05-12 v13.4.30 → v14.3.22026-05-26 v13.4.31 → v14.3.32026-06-09 v13.4.32 → v14.3.42026-06-16 13.4.x-dev → 14.3.x-dev2026-06-16 ### Community Maintainers ![](https://avatars.githubusercontent.com/u/88698?v=4)[TYPO3 GitHub Department](/maintainers/typo3)[@TYPO3](https://github.com/TYPO3) ![](https://avatars.githubusercontent.com/u/165630?v=4)[Benni Mack](/maintainers/bmack)[@bmack](https://github.com/bmack) ![](https://avatars.githubusercontent.com/u/402145?v=4)[Oliver Hader](/maintainers/ohader)[@ohader](https://github.com/ohader) --- Top Contributors [![lolli42](https://avatars.githubusercontent.com/u/2178068?v=4)](https://github.com/lolli42 "lolli42 (685 commits)")[![7elix](https://avatars.githubusercontent.com/u/878514?v=4)](https://github.com/7elix "7elix (153 commits)")[![benjaminkott](https://avatars.githubusercontent.com/u/3243119?v=4)](https://github.com/benjaminkott "benjaminkott (68 commits)")[![sbuerk](https://avatars.githubusercontent.com/u/1453466?v=4)](https://github.com/sbuerk "sbuerk (55 commits)")[![o-ba](https://avatars.githubusercontent.com/u/8812114?v=4)](https://github.com/o-ba "o-ba (53 commits)")[![helsner](https://avatars.githubusercontent.com/u/16156392?v=4)](https://github.com/helsner "helsner (35 commits)")[![bmack](https://avatars.githubusercontent.com/u/165630?v=4)](https://github.com/bmack "bmack (35 commits)")[![nhovratov](https://avatars.githubusercontent.com/u/19343425?v=4)](https://github.com/nhovratov "nhovratov (28 commits)")[![garvinhicking](https://avatars.githubusercontent.com/u/273326?v=4)](https://github.com/garvinhicking "garvinhicking (27 commits)")[![linawolf](https://avatars.githubusercontent.com/u/48202465?v=4)](https://github.com/linawolf "linawolf (26 commits)")[![maddy2101](https://avatars.githubusercontent.com/u/1925287?v=4)](https://github.com/maddy2101 "maddy2101 (24 commits)")[![minapok](https://avatars.githubusercontent.com/u/19210345?v=4)](https://github.com/minapok "minapok (22 commits)")[![bnf](https://avatars.githubusercontent.com/u/473155?v=4)](https://github.com/bnf "bnf (22 commits)")[![andreaskienast](https://avatars.githubusercontent.com/u/1787983?v=4)](https://github.com/andreaskienast "andreaskienast (21 commits)")[![georgringer](https://avatars.githubusercontent.com/u/1905663?v=4)](https://github.com/georgringer "georgringer (21 commits)")[![NeoBlack](https://avatars.githubusercontent.com/u/1128085?v=4)](https://github.com/NeoBlack "NeoBlack (20 commits)")[![ohader](https://avatars.githubusercontent.com/u/402145?v=4)](https://github.com/ohader "ohader (17 commits)")[![ochorocho](https://avatars.githubusercontent.com/u/4623070?v=4)](https://github.com/ochorocho "ochorocho (16 commits)")[![wouter90](https://avatars.githubusercontent.com/u/1637330?v=4)](https://github.com/wouter90 "wouter90 (11 commits)")[![tmotyl](https://avatars.githubusercontent.com/u/515397?v=4)](https://github.com/tmotyl "tmotyl (7 commits)") --- Tags bootstrap3formengineiconsstyleguidetcatypo3style guidetypo3typo3 backend ### Embed Badge ![Health badge](/badges/typo3-cms-styleguide/health.svg) ``` [![Health](https://phpackages.com/badges/typo3-cms-styleguide/health.svg)](https://phpackages.com/packages/typo3-cms-styleguide) ``` ### Alternatives [7elix/styleguide TYPO3 extension to showcase TYPO3 Backend capabilities 10727.3k](/packages/7elix-styleguide)[pagemachine/typo3-formlog Form log for TYPO3 23238.6k8](/packages/pagemachine-typo3-formlog)[friendsoftypo3/content-blocks TYPO3 CMS Content Blocks - Content Types API | Define reusable components via YAML 103519.9k53](/packages/friendsoftypo3-content-blocks)[wazum/sluggi TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects 40529.5k](/packages/wazum-sluggi)[t3sbs/t3sbootstrap Startup extension to use bootstrap 5 classes, components and more out of the box. Example and info: \[www.t3sbootstrap.de\](https://www.t3sbootstrap.de) 2416.4k](/packages/t3sbs-t3sbootstrap)[typo3/cms-base-distribution TYPO3 CMS Base Distribution 19643.2k83](/packages/typo3-cms-base-distribution) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)