Hello ux.symfony.com & 4 New UX Components

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:

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!


Sponsor the Symfony project.
https://symfony.com/blog/hello-ux-symfony-com-and-4-new-ux-components?utm_source=Symfony%20Blog%20Feed&utm_medium=feed
Created 3y | Jun 21, 2022, 11:20:05 AM


Login to add comment

Other posts in this group

Back on the inspiring SymfonyCon Vienna 2024!

We were absolutely thrilled to gather with the incredible Symfony community for the first time in Vienna, Austria, from December 5th to 6th, surrounded by the warm and festive atmosphere of the

Jan 31, 2025, 12:30:18 PM | Symfony
SymfonyLive Paris 2025 : Reveal of workshop topics!

SymfonyLive Paris 2025, conference in French language only, will take place from March 27 to 28! The schedule is currently being revealed as we go along. More details are available here.

💻

Jan 30, 2025, 8:50:03 AM | Symfony
Get Symfony news on your favorite social network

Symfony has been active on X, Mastodon, and Bluesky for some time, but until recently, not all platforms received equal attention. Since Twitter (now X) was our first social network, all blog posts we

Jan 29, 2025, 2:20:10 PM | Symfony
SymfonyLive Berlin 2025: Demystify the magic of the Container

SymfonyLive Berlin 2025, conference held in English, will take place from April 1 to 4! The schedule is being revealed gradually. More details are available here.

As we are now unveiling th

Jan 29, 2025, 2:20:10 PM | Symfony
Twig CVE-2025-24374: Missing output escaping for the null coalesce operator

Affected versions

Twig versions >=3.16.0,<3.19.0 are affected by this security issue.

The issue has been fixed in Twig 3.19.0.

Description

When using the null coalesce operator (??), output esc

Jan 29, 2025, 9:40:06 AM | Symfony
Symfony 6.4.18 released

Symfony 6.4.18 has just been released. Here is the list of the most important changes since 6.4.17:

bug #58889 [Serializer] Handle default context in Serializer (@Valmonzo)

bug #59631 [HttpClient

Jan 29, 2025, 9:40:05 AM | Symfony
Symfony 7.1.11 released

Symfony 7.1.11 has just been released. Here is the list of the most important changes since 7.1.10:

bug #58889 [Serializer] Handle default context in Serializer (@Valmonzo)

bug #59631 [HttpClient

Jan 29, 2025, 9:40:05 AM | Symfony