PHPackages                             oveleon/contao-component-style-manager - 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 &amp; Helpers](/categories/utility)
4. /
5. oveleon/contao-component-style-manager

ActiveContao-bundle[Utility &amp; Helpers](/categories/utility)

oveleon/contao-component-style-manager
======================================

Style and CSS-Class Manager for Contao Open Source CMS

3.11.3(6mo ago)2535.8k—4.5%9[2 PRs](https://github.com/oveleon/contao-component-style-manager/pulls)6MITPHPPHP ^8.3

Since Sep 10Pushed 6mo ago6 watchersCompare

[ Source](https://github.com/oveleon/contao-component-style-manager)[ Packagist](https://packagist.org/packages/oveleon/contao-component-style-manager)[ Docs](https://www.oveleon.de/stylemanager.html)[ GitHub Sponsors](https://github.com/oveleon)[ RSS](/packages/oveleon-contao-component-style-manager/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)Dependencies (14)Versions (73)Used By (6)

Contao Component StyleManager
=============================

[](#contao-component-stylemanager)

 [![](https://camo.githubusercontent.com/8d77c782b143958e94a77a4312dad7dc913d454c2830f8411c7253f4bcfd4efa/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73706f6e736f72732f6f76656c656f6e3f6c6162656c3d53706f6e736f72266c6f676f3d47697448756226636f6c6f723d253233666538653836)](https://github.com/sponsors/oveleon)

 [![](https://camo.githubusercontent.com/204bf729511ed5cb2cfe624c0569d1d3003253b2780e4e1d440feb9e4f555994/68747470733a2f2f7777772e6f76656c656f6e2e64652f73686172652f6769746875622d6173736574732f636f6e74616f2d636f6d706f6e656e742d7374796c652d6d616e616765722f322e302f636f6d62696e65642d67726f7570732e706e67)](https://camo.githubusercontent.com/204bf729511ed5cb2cfe624c0569d1d3003253b2780e4e1d440feb9e4f555994/68747470733a2f2f7777772e6f76656c656f6e2e64652f73686172652f6769746875622d6173736574732f636f6e74616f2d636f6d706f6e656e742d7374796c652d6d616e616765722f322e302f636f6d62696e65642d67726f7570732e706e67)

*Allows you to easily manage your own CSS classes as groups*

 [![](https://camo.githubusercontent.com/5ae34f832641593ff887b3a2af2ae40829576541cce8b1e7478d73f8eb173ba3/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f6f76656c656f6e2f636f6e74616f2d636f6d706f6e656e742d7374796c652d6d616e616765723f636f6c6f723d656639383338)](https://github.com/oveleon/contao-component-style-manager) [![](https://camo.githubusercontent.com/f6bf06547ccdd54a725d899c3ed8b7dfaedf525c0c3fa6be0307070b39879b2d/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6f76656c656f6e2f636f6e74616f2d636f6d706f6e656e742d7374796c652d6d616e616765723f636f6c6f723d656639383338)](https://github.com/oveleon/contao-component-style-manager) [![Oveleon](https://camo.githubusercontent.com/73ac9824b7cef8fbb58cdbc3087430da4b7754e6043b6028df26b2c5bab48496/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6f76656c656f6e2d6d61696e7461696e65642d6566393833383f6c6f676f3d646174613a696d6167652f706e673b6261736536342c6956424f5277304b47676f414141414e535568455567414141424d4141414155434159414141427656515a3041414141475852465748525462325a30643246795a5142425a4739695a53424a6257466e5a564a6c5957523563636c6c50414141412f7870564668305745314d4f6d4e76625335685a4739695a53353462584141414141414144772f654842685932746c644342695a576470626a30693737752f496942705a443069567a564e4d4531775132566f61556836636d5654656b355559337072597a6c6b496a382b494478344f6e68746347316c6447456765473173626e4d366544306959575276596d5536626e4d366257563059533869494867366547317764477339496b466b62324a6c4946684e5543424462334a6c494455754e69316a4d545131494463354c6a45324d7a51354f5377674d6a41784f4338774f4338784d7930784e6a6f304d446f794d6941674943416749434167496a346750484a6b5a6a70535245596765473173626e4d36636d526d50534a6f644852774f693876643364334c6e637a4c6d39795a7938784f546b354c7a41794c7a49794c584a6b5a69317a6557353059586774626e4d6a496a346750484a6b5a6a70455a584e6a636d6c7764476c76626942795a47593659574a76645851394969496765473173626e4d366547317754553039496d6830644841364c793975637935685a4739695a53356a62323076654746774c7a45754d43397462533869494868746247357a4f6e4e30556d566d50534a6f644852774f693876626e4d7559575276596d5575593239744c336868634338784c6a41766331523563475576556d567a62335679593256535a57596a4969423462577875637a703462584139496d6830644841364c793975637935685a4739695a53356a62323076654746774c7a45754d433869494868746247357a4f6d526a50534a6f644852774f6938766348567962433576636d63765a474d765a57786c6257567564484d764d5334784c794967654731775455303654334a705a326c755957784562324e316257567564456c4550534a3164576c6b4f6a56454d6a41344f5449304f544e43526b52434d5445354d5452424f4455354d45517a4d5455774f454d34496942346258424e5454704562324e316257567564456c4550534a34625841755a476c6b4f6a4d354d6a5a424e6a517a4d7a5a46516a4578525546424d546442516b4e46515441784e6a673252444934496942346258424e5454704a626e4e305957356a5a556c4550534a346258417561576c6b4f6a4d354d6a5a424e6a51794d7a5a46516a4578525546424d546442516b4e46515441784e6a673252444934496942346258413651334a6c59585276636c527662327739496b466b62324a6c49456c736248567a64484a686447397949454e544e69416f56326c755a47393363796b695069413865473177545530365247567961585a6c5a455a7962323067633352535a5759366157357a644746755932564a52443069645856705a44706c4d44686b5a44686d5a43316d4f5441344c545135597a497459574d775a4330304f474533595449344f4463325957456949484e30556d566d4f6d5276593356745a57353053555139496e68746343356b615751364f544132524468474f454e4552555178525467784d5467794d6a56424d7a424751304e424e6a4534525551694c7a34675047526a4f6e52706447786c50694138636d526d4f6b46736444346750484a6b5a6a70736153423462577736624746755a7a30696543316b5a575a6864577830496a354d62326476583239325a57786c62323566576d56705932686c626c3979656a7776636d526d4f6d7870506941384c334a6b5a6a70426248512b494477765a474d3664476c306247552b49447776636d526d4f6b526c63324e796158423061573975506941384c334a6b5a6a70535245592b4944777665447034625842745a585268506941385033687759574e725a5851675a57356b50534a79496a382b50386942545141414162464a52454655654e71553038737252464563422f42726f6d4747614a52484b5349615966496d374a52537376484979754d2f774d6f724e654566554d714b6e624b77553254427770535553575957466d5342444b576d57636777635832507672633548586675584c2f367a443250337a32507565646f75713572696c4734304a50784175556d655838347447546b7779587367684f5759516d4b6f46617a45787a5644584649674565617a6350563954436e7a47706c5269484d6c374b674357596768793976514161734d45666b54715161724a394a46577730596c684a4676327255763874644b694468546962306569485179684f73523278796a6c70304246354d42454c647236576f68452b2b58367261424f7a36507757436669434f4c7a444e38735247494359796664726742413851326b6d666e7a514a697267686c772b585a414e55513571466d4859353252392f396c5743586a4270625250636175624468744873526f4f754e317265414f2f31482f50707a666461717267677a4f4c4b37594644367a504d71654c396174306777575a754b61306933686b755a6631453674746571455a6e6d4352625a56777850494f6e335638336c6974616f677a6272507568444f497762795564387138536176424f706c30726e78524f61644675676b46566f4f4a417831683472524a7677396532623975334143725939454e415a61442f4c2f45306169484d626266516333763762467857416368717074484141714e334851724d304a637358466f687a7a65785750596b354e2b424267416978355679767a525a627741414141415355564f524b35435949493d)](https://www.oveleon.de) [![](https://camo.githubusercontent.com/085e1ad9b2bb0d3eaffe7d2df8c4f60248b4027c76e707cce9f4593bcf632a57/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6f76656c656f6e2f636f6e74616f2d636f6d706f6e656e742d7374796c652d6d616e616765723f636f6c6f723d353961313932)](https://packagist.org/packages/oveleon/contao-component-style-manager) [![](https://camo.githubusercontent.com/fa1b2653023d3e5b6527b35e8be7aaa589f938dfeba2a944e22b070be602cb4a/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f646570656e64656e63792d762f6f76656c656f6e2f636f6e74616f2d636f6d706f6e656e742d7374796c652d6d616e616765722f7068703f636f6c6f723d353961313932)](https://packagist.org/packages/oveleon/contao-component-style-manager)

---

Support
-------

[](#support)

If you like this extension, we'd love your support in keeping the open-source spirit alive.

If you think this plugin is useful, please consider [sponsoring us](https://github.com/sponsors/oveleon) to help contribute to our time invested and to further development of this and other open source projects.

Your contributions, whether through `coding`, `testing`, `providing feedback`, or even a [donation](https://github.com/sponsors/oveleon), help ensure that we can continue offering free open source software. Join us in making a difference, and thank you for your support! - [Oveleon](https://www.oveleon.de).

[![](https://camo.githubusercontent.com/d2432db86e1cfca636933728a664bf886cff501efab549a0af6abab26fe8851b/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d53706f6e736f72266d6573736167653d254532253944254134266c6f676f3d47697448756226636f6c6f723d253233666538653836)](https://github.com/sponsors/oveleon)

Description
-----------

[](#description)

Allows you to easily manage your own CSS classes as groups provided in layouts, pages, articles, modules, news, events, forms, form elements and content elements.

This plugin is designed to simplify theme customizations without the need of manually adding classes or creating new layouts.

---

- [Overview](#overview)
- [Installation](#installation)
- [Documentation](#documentation)
    - [Configuration](docs/CONFIGURATION.md)
    - [Use template variables](docs/TEMPLATE_VARIABLES.md)
    - [Support own extensions](docs/SUPPORT.md)
    - [Import / Export](docs/IMPORT_EXPORT.md)
    - [Bundle-Configurations](docs/BUNDLE_CONFIG.md)
    - [Migration](docs/MIGRATE.md)
- [Bugs and feature requests](#bugs-and-feature-requests)

Overview
--------

[](#overview)

- Many possibilities of use (e.g. grids, animations, content properties, ...)
- Clear representation in the backend
- Categories and Groups
    - Combine and output as tabs
- Passing variables to the template
    - Formatting output using predefined methods or your own
- Import / Export (Deprecated)
    - Automatic import of configurations from third-party bundles (Bundle configurations)
    - Partial import
- Available for
    - Layouts
    - Pages
    - Articles
    - Modules
    - Content-Elements
    - Forms
    - Form-Fields
    - News
    - Events
    - Third-Party DCA
- Third-Party plugin support
    - [RockSolid Custom Elements](https://github.com/madeyourday/contao-rocksolid-custom-elements)

Installation
------------

[](#installation)

#### Via composer

[](#via-composer)

```
composer require oveleon/contao-component-style-manager

```

### Via contao-manager

[](#via-contao-manager)

```
Search for StyleManager and add it to your extensions.

```

Documentation
-------------

[](#documentation)

- [Configuration](docs/CONFIGURATION.md)
- [Use template variables](docs/TEMPLATE_VARIABLES.md)
- [Support own extensions](docs/SUPPORT.md)
- [Import / Export](docs/IMPORT_EXPORT.md)
- [Bundle-Configurations](docs/BUNDLE_CONFIG.md)
- [Migration](docs/MIGRATE.md)

Bugs and feature requests
-------------------------

[](#bugs-and-feature-requests)

We appreciate your contributions when opening issues or requesting features. To help keep our issue list tidy, we may need to close issues if questions go unanswered.

### Bugs

[](#bugs)

If you think you have found a bug please follow these guidelines

1. Search for existing issues and check if your problem has already been reported
2. Check if you are using the latest version and if the issue has been fixed already
3. Provide a step-by-step tutorial on how to reproduce the issue in an isolated environment using only this bundle

### Feature requests

[](#feature-requests)

Feature requests are welcome. But take a moment to find out whether your idea fits with the scope and aims of the project. It's up to you to make a strong case to convince the project's developers of the merits of this feature. Please provide as much detail and context as possible.

###  Health Score

59

—

FairBetter than 99% of packages

Maintenance67

Regular maintenance activity

Popularity39

Limited adoption so far

Community29

Small or concentrated contributor base

Maturity88

Battle-tested with a long release history

 Bus Factor1

Top contributor holds 66.3% of commits — single point of failure

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 ~31 days

Recently: every ~5 days

Total

72

Last Release

195d ago

Major Versions

1.2.1 → 2.0.02020-01-09

2.6.5 → 3.0.02022-11-21

3.11.2 → v4.x-dev2025-10-28

PHP version history (8 changes)1.0.0PHP ^5.6 || ^7.0

3.0.0PHP &gt;=7.4

3.2.0PHP ^7.4 || ^8.0

3.3.0PHP ^8.0

3.6.0PHP ^8.1

3.9.0PHP ^8.2

3.11.0PHP ^8.3

v4.x-devPHP ^8.4

### Community

Maintainers

![](https://www.gravatar.com/avatar/acb45ab67207e71f4495c84d405e09a9de7ea11f7645c3de802d9abb3691efa0?d=identicon)[oveleon](/maintainers/oveleon)

![](https://www.gravatar.com/avatar/b01df75d47aa595ed295e64cfde15e5f17ea7b07458b71429ce40804c081d0a6?d=identicon)[Doi](/maintainers/Doi)

---

Top Contributors

[![doishub](https://avatars.githubusercontent.com/u/48379929?v=4)](https://github.com/doishub "doishub (209 commits)")[![zoglo](https://avatars.githubusercontent.com/u/55794780?v=4)](https://github.com/zoglo "zoglo (69 commits)")[![fritzmg](https://avatars.githubusercontent.com/u/4970961?v=4)](https://github.com/fritzmg "fritzmg (9 commits)")[![aschempp](https://avatars.githubusercontent.com/u/1073273?v=4)](https://github.com/aschempp "aschempp (9 commits)")[![Tastaturberuf](https://avatars.githubusercontent.com/u/1027521?v=4)](https://github.com/Tastaturberuf "Tastaturberuf (8 commits)")[![rabauss](https://avatars.githubusercontent.com/u/14016098?v=4)](https://github.com/rabauss "rabauss (6 commits)")[![eki89](https://avatars.githubusercontent.com/u/8254646?v=4)](https://github.com/eki89 "eki89 (2 commits)")[![FlowinBeatz](https://avatars.githubusercontent.com/u/4570808?v=4)](https://github.com/FlowinBeatz "FlowinBeatz (1 commits)")[![eiswurm](https://avatars.githubusercontent.com/u/20281363?v=4)](https://github.com/eiswurm "eiswurm (1 commits)")[![LupusVII](https://avatars.githubusercontent.com/u/4595194?v=4)](https://github.com/LupusVII "LupusVII (1 commits)")

---

Tags

contaocontao-bundlecssstylesthemecssmanagercontaostyles

### Embed Badge

![Health badge](/badges/oveleon-contao-component-style-manager/health.svg)

```
[![Health](https://phpackages.com/badges/oveleon-contao-component-style-manager/health.svg)](https://phpackages.com/packages/oveleon-contao-component-style-manager)
```

###  Alternatives

[shopware/platform

The Shopware e-commerce core

3.3k1.5M3](/packages/shopware-platform)[sylius/sylius

E-Commerce platform for PHP, based on Symfony framework.

8.4k5.6M651](/packages/sylius-sylius)[sulu/sulu

Core framework that implements the functionality of the Sulu content management system

1.3k1.3M152](/packages/sulu-sulu)[contao/core-bundle

Contao Open Source CMS

1231.6M2.4k](/packages/contao-core-bundle)[shopware/core

Shopware platform is the core for all Shopware ecommerce products.

595.2M386](/packages/shopware-core)[codefog/contao-haste

haste extension for Contao Open Source CMS

42650.8k139](/packages/codefog-contao-haste)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
