Symfony UX: a JavaScript ecosystem for Symfony

Symfony UX is an initiative and set of libraries to seamlessly integrate JavaScript tools into your application. For example, want to render a chart with Chart.js? Use UX Chart.js to build the chart in PHP. The JavaScript is handled for you automatically.

That's Symfony UX.

Symfony UX leverages Stimulus for JavaScript and can integrate with AssetMapper or with Webpack Encore (with the help of Stimulus Bridge)

The JavaScript and CSS shipped by Symfony UX packages stay within Baseline Widely available, meaning every major browser has supported these features for at least 30 months. A package can state its own requirement, as Notify currently does.

Resources

• Install Symfony UX.
• List of UX Packages and their documentation.
• Symfony UX Official Demo.
• Watch the Stimulus Screencast on SymfonyCasts.

Let's build an amazing ecosystem together

Symfony UX is an initiative: its aim is to build an ecosystem. To achieve this, we need your help: what other packages could we create in Symfony UX? What about a library that automatically adds an input mask to the text fields of your Symfony forms? Anything you do in JavaScript could be done streamlined as a UX package.

Let's create an amazing ecosystem together!

Sponsor

The Symfony UX packages are backed by Mercure.rocks.

Create real-time experiences in minutes! Mercure.rocks provides a realtime API service that is tightly integrated with Symfony: create UIs that update in live with UX Turbo, send notifications with the Notifier component, expose async APIs with API Platform and create low level stuffs with the Mercure component. We maintain and scale the complex infrastructure for you!

Help Symfony by sponsoring its development!

Contributing

Thank you for considering contributing to Symfony UX! You can find the contribution guide here.