PHPackages jostkleigrewe/symfony-tabler-bundle - 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. [Templating & Views](/categories/templating) 4. / 5. jostkleigrewe/symfony-tabler-bundle ActiveSymfony-bundle[Templating & Views](/categories/templating) jostkleigrewe/symfony-tabler-bundle =================================== Tabler Design System FormTypes and Components for Symfony v0.2.0(2mo ago)123MITTwigPHP >=8.4 Since Feb 20Pushed 2mo agoCompare [ Source](https://github.com/jostkleigrewe/symfony-tabler-bundle)[ Packagist](https://packagist.org/packages/jostkleigrewe/symfony-tabler-bundle)[ RSS](/packages/jostkleigrewe-symfony-tabler-bundle/feed)WikiDiscussions master Synced 1mo ago READMEChangelogDependencies (11)Versions (3)Used By (0) Tabler Bundle for Symfony ========================= [](#tabler-bundle-for-symfony) [![PHP Version](https://camo.githubusercontent.com/3e40355d4b2264eabe393a68b0170731d7de406c68341066ff309755ab9224c2/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d253345253344382e342d626c7565)](https://php.net)[![Symfony Version](https://camo.githubusercontent.com/f2aa06db92c6617e11ffef8ecf8d6a70ba7d642379af6fa5244ebb4f2c9465e2/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f53796d666f6e792d372e78253230253743253230382e782d626c61636b)](https://symfony.com)[![License](https://camo.githubusercontent.com/5caa455d8debc46fb23abbadb45a733a937f3910a73fc875c2f7820468e1bb54/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d677265656e)](LICENSE) Symfony bundle providing **FormTypes**, **TwigComponents**, and **Stimulus Controllers** for the [Tabler](https://tabler.io) Design System. > **Note:** This bundle does **not** ship Tabler assets. You must install [Tabler CSS](https://tabler.io) and [Tabler Icons](https://tabler.io/icons) in your application. --- Deutsche Kurzfassung### Beschreibung [](#beschreibung) Symfony Bundle mit **FormTypes**, **TwigComponents** und **Stimulus Controllern** für das [Tabler](https://tabler.io) Design System. Tabler CSS und Icons müssen separat installiert werden. ### Schnellinstallation [](#schnellinstallation) ``` composer require jostkleigrewe/symfony-tabler-bundle npm install @tabler/core @tabler/icons-webfont ``` Form Themes in `config/packages/twig.yaml` registrieren und CSS einbinden — siehe [Installationsanleitung](docs/installation.de.md). ### Dokumentation (Deutsch) [](#dokumentation-deutsch) ThemaLinkInstallation[Installationsanleitung](docs/installation.de.md)Formular-Typen[FormTypes](docs/form-types.de.md)Twig-Komponenten[Komponenten](docs/components.de.md)Stimulus Controller[Controller](docs/stimulus-controllers.de.md)Theming & CSS[Theming](docs/theming.de.md)Card Data-Attribute[Data-Attribute](docs/data-attributes.de.md)Showcase / Demo[Showcase](docs/showcase.de.md)--- Features -------- [](#features) ### FormTypes (5) [](#formtypes-5) Custom Symfony form types with Tabler styling. - **FloatingUnderlineType** — Material-style floating label input with icon support - **SwitchType** — Checkbox rendered as toggle switch - **ChoiceCardType** — Card grid for choices with icons, badges, descriptions - **EntityCardType** — Card grid for Doctrine entities - **CardSelectType** — Generic multi-select cards [Full documentation](docs/form-types.en.md) | [Data attributes reference](docs/data-attributes.en.md) ### TwigComponents (15) [](#twigcomponents-15) Reusable Symfony UX components with `` prefix. CategoryComponentsLayoutPageHeader, Panel, CollapsiblePanelData DisplayStatCard, FeatureCard, CodeBlockFeedbackAlert, EmptyState, HelpTooltipNavigationActionList, ActionItem, StepperThemingThemeSwitch, ThemePickerDecorativePatternBackground (14 animated patterns)[Full documentation](docs/components.en.md) ### Stimulus Controllers (6) [](#stimulus-controllers-6) Interactive JavaScript controllers auto-discovered via StimulusBundle. - **theme** — Dark/light mode + color theme switching with localStorage - **clipboard** — Copy-to-clipboard with fallback - **sidebar** — Sidebar collapse with mobile backdrop - **modal-frame** — Dynamic modal content loading - **required-checkbox** — Prevent unchecking required cards - **collapsible** — Expandable panels with ARIA support [Full documentation](docs/stimulus-controllers.en.md) ### Theming [](#theming) 6 built-in color themes (EURIP, Forest, Sunset, Ocean, Purple, Rose) with dark/light mode support. [Full documentation](docs/theming.en.md) --- Requirements ------------ [](#requirements) - **PHP** >= 8.4 - **Symfony** 7.0+ or 8.0+ - **Tabler CSS** (not included — [install separately](https://tabler.io)) - **Tabler Icons** (not included — [install separately](https://tabler.io/icons)) - **symfony/ux-twig-component** (for TwigComponents) - *Optional:* `symfony/stimulus-bundle` (for Stimulus controllers) - *Optional:* `doctrine/orm` (for EntityCardType / CardSelectType) --- Quick Start ----------- [](#quick-start) ### 1. Install [](#1-install) ``` composer require jostkleigrewe/symfony-tabler-bundle npm install @tabler/core @tabler/icons-webfont ``` ### 2. Register Form Themes [](#2-register-form-themes) Add to `config/packages/twig.yaml`: ``` twig: form_themes: - 'bootstrap_5_layout.html.twig' - '@Tabler/form/floating_underline.html.twig' - '@Tabler/form/switch.html.twig' - '@Tabler/form/choice_card.html.twig' - '@Tabler/form/card_select.html.twig' ``` ### 3. Include CSS [](#3-include-css) CSS files are auto-registered with AssetMapper: ``` ``` ### 4. Use [](#4-use) ``` {# TwigComponent #} {# FormType (in your form class) #} $builder->add('email', FloatingUnderlineType::class, [ 'label' => 'Email', 'icon' => 'mail', 'input_type' => 'email', ]); ``` [Detailed installation guide](docs/installation.en.md) --- Documentation ------------- [](#documentation) TopicENDEInstallation[Installation Guide](docs/installation.en.md)[Installationsanleitung](docs/installation.de.md)Form Types[Form Types](docs/form-types.en.md)[Formular-Typen](docs/form-types.de.md)Twig Components[Components](docs/components.en.md)[Komponenten](docs/components.de.md)Stimulus Controllers[Controllers](docs/stimulus-controllers.en.md)[Controller](docs/stimulus-controllers.de.md)Theming & CSS[Theming](docs/theming.en.md)[Theming](docs/theming.de.md)Card Data Attributes[Data Attributes](docs/data-attributes.en.md)[Data-Attribute](docs/data-attributes.de.md)Showcase / Demo[Showcase](docs/showcase.en.md)[Showcase](docs/showcase.de.md)--- Showcase -------- [](#showcase) The bundle includes a built-in demo at `/tabler/showcase` showing all components and form types in action. To enable, add to `config/routes/tabler.yaml`: ``` tabler_bundle: resource: '@TablerBundle/config/routes.yaml' ``` [Showcase documentation](docs/showcase.en.md) --- License ------- [](#license) MIT License — see [LICENSE](LICENSE) file. ### Health Score 38 — LowBetter than 85% of packages Maintenance86 Actively maintained with recent releases Popularity11 Limited adoption so far Community6 Small or concentrated contributor base Maturity42 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% 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 ~6 days Total 2 Last Release 81d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/5504283?v=4)[Sven Jostkleigrewe](/maintainers/jostkleigrewe)[@jostkleigrewe](https://github.com/jostkleigrewe) --- Top Contributors [![jostkleigrewe](https://avatars.githubusercontent.com/u/5504283?v=4)](https://github.com/jostkleigrewe "jostkleigrewe (11 commits)") --- Tags symfonyuisymfony-uxcomponentsformdesign-systemtablerstimulus ### Code Quality TestsPHPUnit Static AnalysisPHPStan Code StyleECS Type Coverage Yes ### Embed Badge ![Health badge](/badges/jostkleigrewe-symfony-tabler-bundle/health.svg) ``` [![Health](https://phpackages.com/badges/jostkleigrewe-symfony-tabler-bundle/health.svg)](https://phpackages.com/packages/jostkleigrewe-symfony-tabler-bundle) ``` ### Alternatives [symfony/ux-toolkit A tool to easily create a design system in your Symfony app with customizable, well-crafted Twig components 1432.0k](/packages/symfony-ux-toolkit)[symfony/ux-live-component Live components for Symfony 1635.6M72](/packages/symfony-ux-live-component)[a2lix/auto-form-bundle Automate form building 873.8M11](/packages/a2lix-auto-form-bundle)[boekkooi/jquery-validation-bundle Jquery form validation bundle for symfony 2 2773.9k1](/packages/boekkooi-jquery-validation-bundle)[nucleos/antispam-bundle This bundle provides some basic features to reduce spam in symfony forms. 52105.1k](/packages/nucleos-antispam-bundle)[craue/formflow-demo-bundle Example code showcasing the features of CraueFormFlowBundle. 298.5k](/packages/craue-formflow-demo-bundle) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)