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)

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

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!

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!

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