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.1.1(2mo ago)106727.6k—1.9%57[10 issues](https://github.com/TYPO3-CMS/styleguide/issues)16GPL-2.0-or-laterPHP Since Nov 21Pushed 1mo 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 1mo ago READMEChangelog (9)Dependencies (6)Versions (117)Used By (16) 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 68 — FairBetter than 100% of packages Maintenance85 Actively maintained with recent releases Popularity54 Moderate usage in the ecosystem Community43 Growing community involvement Maturity80 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 ~33 days Recently: every ~5 days Total 115 Last Release 70d ago Major Versions 11.x-dev → v13.1.02024-04-23 v13.4.20 → v14.0.02025-11-25 v13.4.23 → v14.0.22026-01-13 v13.4.24 → v14.1.02026-01-20 v13.4.26 → v14.1.12026-02-20 ### 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 (680 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 (63 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 (29 commits)")[![nhovratov](https://avatars.githubusercontent.com/u/19343425?v=4)](https://github.com/nhovratov "nhovratov (28 commits)")[![linawolf](https://avatars.githubusercontent.com/u/48202465?v=4)](https://github.com/linawolf "linawolf (26 commits)")[![garvinhicking](https://avatars.githubusercontent.com/u/273326?v=4)](https://github.com/garvinhicking "garvinhicking (24 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)")[![georgringer](https://avatars.githubusercontent.com/u/1905663?v=4)](https://github.com/georgringer "georgringer (21 commits)")[![andreaskienast](https://avatars.githubusercontent.com/u/1787983?v=4)](https://github.com/andreaskienast "andreaskienast (20 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 10627.3k](/packages/7elix-styleguide)[in2code/powermail Powermail is a well-known, editor-friendly, powerful and easy to use mailform extension for TYPO3 with a lots of features 982.5M38](/packages/in2code-powermail)[t3kit/t3kit t3kit project. A TYPO3 website starterkit. 5624.3k](/packages/t3kit-t3kit)[wazum/sluggi TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects 39488.5k](/packages/wazum-sluggi)[clickstorm/cs-seo \[clickstorm\] SEO - Extension for TYPO3. Enables important onpage features for search engine optimization (SEO). Expands the page settings and any desired records for example with a preview for Google search results (SERP) Structured Data (JSON-LD) and a Focus Keyword. Restrictive hreflang and canonical tags. Modules for metadata of records and alternative texts of images. Further features are shown in the extension manual. 35473.9k1](/packages/clickstorm-cs-seo)[t3kit/theme-t3kit Base Theme fot t3kit project 2410.2k](/packages/t3kit-theme-t3kit) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)