PHPackages qmachard/atomic-design-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. qmachard/atomic-design-bundle ActiveSymfony-bundle[Templating & Views](/categories/templating) qmachard/atomic-design-bundle ============================= Atomic Design System for Symfony. 1.0.12(4y ago)3713.7k3[3 issues](https://github.com/qmachard/atomic-design-bundle/issues)[5 PRs](https://github.com/qmachard/atomic-design-bundle/pulls)MITPHPPHP ^7.3|^8.0 Since Jul 10Pushed 3y ago1 watchersCompare [ Source](https://github.com/qmachard/atomic-design-bundle)[ Packagist](https://packagist.org/packages/qmachard/atomic-design-bundle)[ Docs](https://github.com/qmachard/atomic-design-bundle)[ RSS](/packages/qmachard-atomic-design-bundle/feed)WikiDiscussions master Synced 3w ago READMEChangelog (10)Dependencies (6)Versions (21)Used By (0) [![atomic-design](./src/Resources/doc/atomic-design-banner.png)](./src/Resources/doc/atomic-design-banner.png) [ ![Licence MIT](https://camo.githubusercontent.com/8815a85414f286c638f58949bd5528a45cdd00a4b1270e3ef32a5938766b5814/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f716d6163686172642f61746f6d69632d64657369676e2d62756e646c65) ](./LICENSE.md "Licence MIT") [ ![Release Packagist](https://camo.githubusercontent.com/2fbd5fff9332e58ea975b9b6ea28d36ecfe678779e2e731a3e0ba115de5a72a8/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f716d6163686172642f61746f6d69632d64657369676e2d62756e646c65) ](https://packagist.org/packages/qmachard/atomic-design-bundle "Packagist") [ ![PHP 7.3](https://camo.githubusercontent.com/5a0cf68be12814219ac17c480a21be32c3ee01e9c2e3f9a28a2b7b213bc9cc4e/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f7068702d762f716d6163686172642f61746f6d69632d64657369676e2d62756e646c65) ](https://packagist.org/packages/qmachard/atomic-design-bundle "PHP 7.3") [ ![](https://camo.githubusercontent.com/048aac599002b34729a39e25973e71629d97db070526850667a8b1cb291f9167/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f776f726b666c6f772f7374617475732f716d6163686172642f61746f6d69632d64657369676e2d62756e646c652f5465737473) ](https://github.com/qmachard/atomic-design-bundle/actions/workflows/tests.yml "Tests") [ ![Discord](https://camo.githubusercontent.com/f5ba022e85aa83aac6b2c56036aaab09ec7c973ac8d075578a8369a6618da606/68747470733a2f2f696d672e736869656c64732e696f2f646973636f72642f3835373631303739353737313439343430313f6c6162656c3d646973636f7264) ](https://discord.com/invite/TzyhKGFRKM "Discord") ============================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================== [](#----------------------------------------------------------------------------------------) Atomic Design is a StoryBook like bundle made for Symfony. 🪄 Check out the demo : 🎥 See the talk of this subject during AFUP Day 2021 (FR) : Installation ------------ [](#installation) Atomic Design requires PHP 7.3 or higher and Symfony 4.4 or higher. Run the following command to install it in your application: ``` $ composer require --dev qmachard/atomic-design-bundle ``` Read the [Documentation](src/Resources/doc/index.rst) to configure this bundle. Documentation ------------- [](#documentation) Read [Documentation](src/Resources/doc/index.rst) for manual installation and create your first component. You need help ? [Checkout the Discord](https://discord.com/invite/TzyhKGFRKM) Contributing ------------ [](#contributing) Read the [Contributing Guide](CONTRIBUTING.md) and feel free to open a pull-request! 🍻 Licence ------- [](#licence) This software is publishing under the [MIT License](LICENSE.md) Authors ------- [](#authors) Atomic Design was originally created with heart by [Quentin Machard](https://twitter.com/quentinmachard). ### Health Score 37 — LowBetter than 81% of packages Maintenance18 Infrequent updates — may be unmaintained Popularity32 Limited adoption so far Community14 Small or concentrated contributor base Maturity70 Established project with proven stability Bus Factor1 Top contributor holds 87.9% 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 ~34 days Total 15 Last Release 1690d ago PHP version history (3 changes)1.0.0PHP ^7.3 1.0.2PHP ^7.1 1.0.8PHP ^7.3|^8.0 ### Community Maintainers ![](https://www.gravatar.com/avatar/a606dcbc771605c9e1578d0ee76805e62a4f4f783b66601fceadf0a89d34f137?d=identicon)[quentinmachard](/maintainers/quentinmachard) --- Top Contributors [![qmachard](https://avatars.githubusercontent.com/u/11388211?v=4)](https://github.com/qmachard "qmachard (131 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (15 commits)")[![yann-eugone](https://avatars.githubusercontent.com/u/1303838?v=4)](https://github.com/yann-eugone "yann-eugone (2 commits)")[![vertexvaar](https://avatars.githubusercontent.com/u/5594393?v=4)](https://github.com/vertexvaar "vertexvaar (1 commits)") --- Tags atomic-designcsshtmlstorybooksymfonytwigcsshtmlsystemdesignintegrationfront-endatomic ### Embed Badge ![Health badge](/badges/qmachard-atomic-design-bundle/health.svg) ``` [![Health](https://phpackages.com/badges/qmachard-atomic-design-bundle/health.svg)](https://phpackages.com/packages/qmachard-atomic-design-bundle) ``` ### Alternatives [easycorp/easyadmin-bundle Admin generator for Symfony applications 4.3k17.5M375](/packages/easycorp-easyadmin-bundle)[symfony/web-profiler-bundle Provides a development tool that gives detailed information about the execution of any request 2.3k156.8M1.2k](/packages/symfony-web-profiler-bundle)[sylius/sylius E-Commerce platform for PHP, based on Symfony framework. 8.5k5.8M712](/packages/sylius-sylius)[kimai/kimai Kimai - Time Tracking 4.7k8.7k1](/packages/kimai-kimai)[pimcore/pimcore Content & Product Management Framework (CMS/PIM/E-Commerce) 3.8k3.8M462](/packages/pimcore-pimcore)[symfony/ux-icons Renders local and remote SVG icons in your Twig templates. 566.8M117](/packages/symfony-ux-icons) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)