All Components

A treasure chest of packages to solve your
frontend problems.

Image for the Turbo UX package

Turbo

Integration with Turbo for single-page-app and real-time experience
Image for the Live Components UX package

Live Components

Build dynamic interfaces with zero JavaScript
Image for the Autocomplete UX package

Autocomplete

Ajax-powered, auto-completable select elements
Image for the Chart.js UX package

Chart.js

Easy charts with Chart.js
Image for the React UX package

React

Quickly render <React /> components & pass them props.
Image for the Vue.js UX package

Vue.js

Quickly render <Vue /> components & pass them props.
Image for the Svelte UX package

Svelte

Quickly render <Svelte /> components & pass them props.
Image for the Image Cropper UX package

Image Cropper

Form Type and tools for cropping images
Image for the Lazy Image UX package

Lazy Image

Optimize Image Loading with BlurHash
Image for the Twig Components UX package

Twig Components

Create PHP classes that can render themselves
Image for the Stylized Dropzone UX package

Stylized Dropzone

Form type for stylized "drop zone" for file uploads
Image for the Swup Integration UX package

Swup Integration

Integration with the page transition library Swup
Image for the Notify UX package

Notify

Trigger native browser notifications from inside PHP
Image for the Typed UX package

Typed

Animated typing with Typed.js
Image for the Translator UX package

Translator

Use Symfony's translations in JavaScript

Screencasts

Jump right into with the Symfony UX & Stimulus screencast.

Documentation

Ready to get started? The official symfony.com UX Docs.