I love Symfony UX. And last week during Symfony World Online, I had the pleasure to talk about it and reveal several new things that we're super excited about!
Note
To get all the details, we've made the Symfony UX: New Components, Live Twig & More Updates available for anyone to watch free.
But first, What is Symfony UX? anyways? I've come to this short definition. It's (1) a Stimulus integration with your app & (2) a plugin system for extra Stimulus controllers to solve common problems, like rendering charts, cropping images and more.
18 months after Symfony UX was still released, we're adding new UX packages to solve new problems. In fact, we've just released four new components:
- symfony/ux-react: render React components (and pass props) from Twig
- symfony/ux-autocomplete: transform
ChoiceType
andEntityType
into Ajax-powered autocomplete fields - symfony/ux-notify: send native browser notifications from PHP via Notifier
- symfony/ux-typed: a delightful library that... types!
But, as much as I love Symfony UX, I think we've done a poor job talking about and promoting it. After all, JavaScript tools are meant to be seen and played with!
Enter: ux.symfony.com
To solve this, we've just launched https://ux.symfony.com: a playground for
touching and sampling each UX component. See what it feels like to work inside
a or send real-time page updates with Turbo! Try out the
Ajax-powered autocomplete component, see a React component rendered in Twig
or try the Image Cropper in real life.
One of the most interesting sections is about Live Components: a "Swiss army
knife" library that allows you to create highly-interactive interfaces with zero
JavaScript. We've already released several demos that show the power of this
component, including rendering CollectionType
forms (with add/remove buttons),
"dependent form fields" and real-time form validation entirely by writing
PHP and Twig: no custom JavaScript needed.
The new ux.symfony.com site itself is also open source and written using all of the UX tools. It's another great way to see real code behind solving real problems.
Have fun!
Login to add comment
Other posts in this group

SymfonyOnline June 2025 is almost here, starting in a few weeks on:
June 10-11: Workshop days. June 12-13: Online conference days in English. All talks will be available for replay as soon as

Symfony 7.3 introduces several enhancements to the DependencyInjection component that simplify service configuration, make autoconfiguration more flexible, and enable environment-specific aliasing.
S

Contributed by Nicolas Grekas in

SymfonyOnline June 2025 is almost here, starting in almost 2 months on:
June 10-11: Workshop days. It is possible to attend 1 two-day training or 2 one-day trainings. June 12-13: Online confe

Symfony security includes several significant improvements and new features in Symfony 7.3.
Deprecate eraseCredentials() Method… https://symfony.com/blog/new-in-symfony-7-3-security-improvements?utm_

SymfonyOnline June 2025 is almost here, starting in almost 2 months on:
June 10-11: Workshop days June 12-13: Online conference days in English. All talks will be available for replay as soon

Contributed by Antoine Bluchet in