PHPackages                             osw3/symfony-ux - 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 &amp; Views](/categories/templating)
4. /
5. osw3/symfony-ux

ActiveSymfony-bundle[Templating &amp; Views](/categories/templating)

osw3/symfony-ux
===============

UI and UX Components for Twig and Symfony

0.0.172(2w ago)2229MITSCSS

Since Jul 13Pushed 1w agoCompare

[ Source](https://github.com/OSW3/symfony-ux)[ Packagist](https://packagist.org/packages/osw3/symfony-ux)[ Docs](https://osw3.net)[ RSS](/packages/osw3-symfony-ux/feed)WikiDiscussions main Synced today

READMEChangelogDependencies (6)Versions (172)Used By (0)

Symfony UX Components
=====================

[](#symfony-ux-components)

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

[](#documentation)

```
cd bundle
docsify serve docs

```

Add many UX Components to your app.

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

[](#installation)

- [Installation (no comment process)](./docs/install/no-comment.md)
- [Installation (process explained)](./docs/install/explained.md)

Layout
------

[](#layout)

- [Prefix](./docs/layout/prefix.md)
- [Breakpoints &amp; Containers](./docs/layout/breakpoints.md)
- [Colors](./docs/layout/colors.md)
- [palette &amp; Context](./docs/layout/palette.md)

Components
----------

[](#components)

- [Accordions](./docs/components/accordion.md)
- [Alerts](./docs/components/alert.md)
- [Analytics](./docs/components/analytics.md)
- [Announcement](./docs/components/analytics.md)
- [Copyright](./docs/components/copyright.md)
- [link](./docs/components/link.md)
- [Rotators](./docs/components/rotator.md)
- [Scroll to top](./docs/components/scroll-to-top.md)
- [Tickers](./docs/components/ticker.md)

How UX Components works ?
-------------------------

[](#how-ux-components-works-)

The UX Components bundle contains many default settings for layout and components.

Each of the parameters can be overloaded in 2 ways:

- overloaded by the symfony\_ux.yaml configuration file
- overloaded by SCSS variable definition

> **!!! Higher priority is given to SCSS variables !!!**

This means that UX component bundle variables can be overridden by parameter definition in symfony\_ux.yaml file and parameter definition in symfony\_ux.yaml file can be overridden by SCSS variables.

###  Health Score

44

—

FairBetter than 92% of packages

Maintenance97

Actively maintained with recent releases

Popularity15

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity48

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

Total

171

Last Release

19d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/3fb494ca5da6d3783e7ccfa656354d43d111a024b573051f5ca8f922b0d386ca?d=identicon)[osw3](/maintainers/osw3)

---

Top Contributors

[![ArnaudBDL](https://avatars.githubusercontent.com/u/53226044?v=4)](https://github.com/ArnaudBDL "ArnaudBDL (222 commits)")

### Embed Badge

![Health badge](/badges/osw3-symfony-ux/health.svg)

```
[![Health](https://phpackages.com/badges/osw3-symfony-ux/health.svg)](https://phpackages.com/packages/osw3-symfony-ux)
```

###  Alternatives

[yellowskies/qr-code-bundle

Symfony Barcode &amp; QR Code Generator Bundle with Twig extension

36674.5k](/packages/yellowskies-qr-code-bundle)

PHPackages © 2026

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