PHPackages 7elix/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. [Framework](/categories/framework) 4. / 5. 7elix/styleguide ActiveTypo3-cms-framework[Framework](/categories/framework) 7elix/styleguide ================ TYPO3 extension to showcase TYPO3 Backend capabilities v14.3.5(1mo ago)10527.3k57[12 issues](https://github.com/7elix/TYPO3.CMS.Styleguide/issues)GPL-2.0-or-laterPHP Since Nov 21Pushed 2w ago15 watchersCompare [ Source](https://github.com/7elix/TYPO3.CMS.Styleguide)[ Packagist](https://packagist.org/packages/7elix/styleguide)[ Docs](https://typo3.community/)[ Fund](https://typo3.org/membership)[ RSS](/packages/7elix-styleguide/feed)WikiDiscussions main Synced 5d ago READMEChangelog (9)Dependencies (20)Versions (131)Used By (0) 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 64 — FairBetter than 99% of packages Maintenance93 Actively maintained with recent releases Popularity39 Limited adoption so far Community30 Small or concentrated contributor base 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 ~9 days Total 129 Last Release 23d ago Major Versions v13.4.30 → v14.3.22026-05-26 v13.4.31 → v14.3.32026-06-09 v13.4.32 → v14.3.42026-06-16 v13.4.33 → v14.3.52026-07-14 13.4.x-dev → 14.3.x-dev2026-07-22 ### Community Maintainers ![](https://avatars.githubusercontent.com/u/878514?v=4)[Felix Kopp](/maintainers/7elix)[@7elix](https://github.com/7elix) --- 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 (69 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)")[![bmack](https://avatars.githubusercontent.com/u/165630?v=4)](https://github.com/bmack "bmack (38 commits)")[![helsner](https://avatars.githubusercontent.com/u/16156392?v=4)](https://github.com/helsner "helsner (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/7elix-styleguide/health.svg) ``` [![Health](https://phpackages.com/badges/7elix-styleguide/health.svg)](https://phpackages.com/packages/7elix-styleguide) ``` ### Alternatives [typo3/cms-styleguide TYPO3 extension to showcase TYPO3 Backend capabilities 105768.9k39](/packages/typo3-cms-styleguide)[typo3/cms-base-distribution TYPO3 CMS Base Distribution 21677.1k92](/packages/typo3-cms-base-distribution)[pagemachine/typo3-formlog Form log for TYPO3 23243.0k8](/packages/pagemachine-typo3-formlog)[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. 37542.0k1](/packages/clickstorm-cs-seo)[bbysaeth/typo3-altcha TYPO3 form element for spam protection by utilizing the proof-of-work mechanism Altcha. 1227.2k1](/packages/bbysaeth-typo3-altcha)[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.7k1](/packages/t3sbs-t3sbootstrap) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)