UX 软件包
捆绑包、组件和软件包的宝库
UX 图标
从您的 Twig 模板中无缝渲染 SVG 图标。
UX 地图
在 PHP 中使用 Leaflet 或 Google Maps 渲染交互式地图。

Twig 组件
创建可以自我渲染的 PHP 类

Live 组件
以零 JavaScript 构建动态界面

Turbo
与 Turbo 集成,实现单页应用和实时体验
Stimulus
与 Stimulus 集成,用于 HTML 驱动的控制器

Autocomplete
Ajax 驱动的、自动完成的 select
元素
Translator
在 JavaScript 中使用 Symfony 的翻译

Chart.js
使用 Chart.js 轻松创建图表

React
快速渲染 <React />
组件并传递 props。

Vue.js
快速渲染 <Vue />
组件并传递 props。
Svelte
快速渲染 <Svelte />
组件并传递 props。

Image Cropper
用于裁剪图像的 Form 类型和工具

Lazy Image
使用 BlurHash 优化图像加载

Stylized Dropzone
用于样式化文件上传“拖放区”的 Form 类型

Swup Integration
与页面过渡库 Swup 集成

Notify
从 PHP 内部触发原生浏览器通知

Toggle Password
切换密码字段的可见性

Typed
使用 Typed.js 实现动画打字效果