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
Creato 3y | 21 giu 2022, 11:20:05


Accedi per aggiungere un commento

Altri post in questo gruppo

A Week of Symfony #962 (June 2–8, 2025)

This week, development activity focused on the upcoming Symfony 7.4 and 8.0 versions, which will deprecate and remove many features. In addition, we published a case study about Yousign. Finally, we'r

8 giu 2025, 07:50:05 | Symfony
Case study - Yousign: Scaling Trust with Smart, Scalable Architecture

As digital signatures become the norm in modern business, Yousign has established itself as a trusted leader across Europe. Behind its simple, intuitive interface is a powerful technical engine, handl

6 giu 2025, 07:10:24 | Symfony
SymfonyOnline June 2025 starts next week!

Get ready for the exciting SymfonyOnline June 2025, kicking off in a few days only! There’s still time to register and join the international online Symfony conference—along with pre-conferenc

5 giu 2025, 10:20:09 | Symfony
A Week of Symfony #961 (May 26 – June 1, 2025)

This week, Symfony released the stable version of Symfony 7.3, which includes lots of amazing new features. We also published the maintenance versions 6.4.22 and 7.2.7.

Symfony development highlights

1 giu 2025, 08:50:16 | Symfony
New in Symfony 7.3: DX Improvements (part 2)

This is the second part of the blog post showcasing the main DX (developer experience) features introduced in Symfony 7.3. Read the first part of this blog post.

Verify URI Signatures… https://symfon

29 mag 2025, 09:10:19 | Symfony
Symfony 6.4.22 released

Symfony 6.4.22 has just been released. Read the Symfony upgrade guide to learn more about upgrading Symfony and use the SymfonyInsight upgrade reports to detect the code you will need to change in you

29 mag 2025, 09:10:19 | Symfony
Symfony 7.2.7 released

Symfony 7.2.7 has just been released. Read the Symfony upgrade guide to learn more about upgrading Symfony and use the SymfonyInsight upgrade reports to detect the code you will need to change in your

29 mag 2025, 09:10:18 | Symfony