UX Packages
A treasure chest of bundles, components and packages
UX Icons
Render SVG icons seamlessly from your Twig templates.
UX Map
Render interactive Maps in PHP with Leaflet or Google Maps.

Twig Components
Create PHP classes that can render themselves

Live Components
Build dynamic interfaces with zero JavaScript

Turbo
Integration with Turbo for single-page-app and real-time experience
Stimulus
Integration with Stimulus for HTML-powered controllers

Autocomplete
Ajax-powered, auto-completable select
elements
Translator
Use Symfony's translations in JavaScript

Chart.js
Easy charts with Chart.js

React
Quickly render <React />
components & pass them props.

Vue.js
Quickly render <Vue />
components & pass them props.
Svelte
Quickly render <Svelte />
components & pass them props.

Image Cropper
Form Type and tools for cropping images

Lazy Image
Optimize Image Loading with BlurHash

Stylized Dropzone
Form type for stylized "drop zone" for file uploads

Swup Integration
Integration with the page transition library Swup

Notify
Trigger native browser notifications from inside PHP

Toggle Password
Switch the visibility of a password field

Typed
Animated typing with Typed.js