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.
![Image for the Twig Components UX package](/assets/images/ux_packages/twig-component-J-ZJT_Y.png)
Twig Components
Create PHP classes that can render themselves
![Image for the Live Components UX package](/assets/images/ux_packages/live-component-YOPzm_i.png)
Live Components
Build dynamic interfaces with zero JavaScript
![Image for the Turbo UX package](/assets/images/ux_packages/turbo-GTZFLcL.png)
Turbo
Integration with Turbo for single-page-app and real-time experience
Stimulus
Integration with Stimulus for HTML-powered controllers
![Image for the Autocomplete UX package](/assets/images/ux_packages/autocomplete-PV9qkmy.png)
Autocomplete
Ajax-powered, auto-completable select
elements
Translator
Use Symfony's translations in JavaScript
![Image for the Chart.js UX package](/assets/images/ux_packages/chartjs-shLjx5n.png)
Chart.js
Easy charts with Chart.js
![Image for the React UX package](/assets/images/ux_packages/react-AndC1jW.png)
React
Quickly render <React />
components & pass them props.
![Image for the Vue.js UX package](/assets/images/ux_packages/vue-FirTOg6.png)
Vue.js
Quickly render <Vue />
components & pass them props.
Svelte
Quickly render <Svelte />
components & pass them props.
![Image for the Image Cropper UX package](/assets/images/ux_packages/cropperjs-tOVsj6x.png)
Image Cropper
Form Type and tools for cropping images
![Image for the Lazy Image UX package](/assets/images/ux_packages/lazy-image-o1yUkYv.png)
Lazy Image
Optimize Image Loading with BlurHash
![Image for the Stylized Dropzone UX package](/assets/images/ux_packages/dropzone-WD9-OS1.png)
Stylized Dropzone
Form type for stylized "drop zone" for file uploads
![Image for the Swup Integration UX package](/assets/images/ux_packages/swup-1hjKL2B.png)
Swup Integration
Integration with the page transition library Swup
![Image for the Notify UX package](/assets/images/ux_packages/notify-jj0-QP4.png)
Notify
Trigger native browser notifications from inside PHP
![Image for the Toggle Password UX package](/assets/images/ux_packages/toggle-password-IdZEwZs.png)
Toggle Password
Switch the visibility of a password field
![Image for the Typed UX package](/assets/images/ux_packages/typed-qFZRraH.png)
Typed
Animated typing with Typed.js