FluxUI 中文网

当你在Laravel项目中用Livewire构建界面时，FluxUI中文网提供由Livewire与Alpine团队打造的官方组件库，覆盖按钮、下拉菜单、模态框等免费基础组件及23+个Pro高级组件，支持暗色模式、响应式布局与无障碍访问。

核心能力

FluxUI的每个组件都原生支持暗色模式与移动端适配，经过键盘操作和屏幕阅读器测试。组件采用可组合语法，像搭积木一样按需自由组合。免费层包含按钮、下拉菜单、复选框组、开关组、单选框组、输入框、选择框等基础必备组件。Pro层额外提供23+个高级组件，包括编辑器、图表、日期选择器、命令面板、富文本编辑器、文件上传、看板、表格、滑块、时间选择器等。

• 主题系统:内置强调色(20种)与基础色(5组)实时切换，保存后全站生效
• 布局组件:提供页眉和侧边栏两种开箱即用的布局模板
• Flux Pro Max:进阶组件包，包含应用模板、面包屑、评论审核、Cookie隐私提示、图片预览、语言切换器、目录导航等业务场景组件
• 安装要求:Laravel 10+/Livewire 3.5.19+/Tailwind CSS 4+
• Pro Max额外要求:Livewire 3.6.2+、Flux/Flux Pro ≥2.6.1

收费与许可

Flux提供慷慨的免费层，涵盖每个应用都需要的基础组件。Pro版本按项目或团队授权：单个项目$149（仅限1个项目、1位开发者），无限制$299（项目数量不限、1位开发者），团队$799（项目数量不限、席位不限可重新分配）。所有Pro版本均含终身免费更新、可访问演示与模板、有限支持。Flux Pro Max需额外购买许可，通过私有Composer仓库激活。

• 退款保证:官方承诺提升应用并令用户满意，否则全额退款
• 激活方式:通过php artisan flux:activate命令输入邮箱和许可证密钥
• CI/Forge支持:支持在CI环境或Laravel Forge中激活许可证

安装与上手

通过Composer安装Flux：composer require livewire/flux。在布局文件中加入@fluxAppearance与@fluxScripts Blade指令。Flux v2.0需要Tailwind CSS v4.0+。Pro Max需先配置私有Composer仓库地址和认证信息，再执行composer require fluxui/flux-pro-max，并在样式入口文件引入dist/flux-pro-max.css。安装后建议清除缓存并运行npm run build。

• 入门套件:Flux已内置于全新的Livewire入门套件，可快速启动新项目
• 升级指南:官网提供v2.x升级指南文档
• 验证命令:通过composer clear-cache、php artisan optimize:clear、composer dump-autoload验证安装

常见问题

Q1：FluxUI中文网的免费组件和Pro组件有什么区别？

A1：免费组件包含按钮、下拉菜单、模态框、输入框、选择框等基础UI元素，覆盖日常开发必备。Pro组件额外提供23+个高级组件，包括图表、日期选择器、富文本编辑器、命令面板、文件上传、看板、表格、滑块等，需付费购买许可（单项目$149/无限制$299/团队$799）。

Q2：Flux Pro Max和Flux Pro是什么关系？

A2：Flux Pro Max是在Flux与Flux Pro之上的进阶组件包，提供更完整的应用模板（如面包屑、评论审核、Cookie隐私提示、图片预览、语言切换器、目录导航）和业务场景组件。安装前提是已配置Flux + Flux Pro ≥2.6.1，需额外通过私有Composer仓库购买激活。

Q3：FluxUI中文网支持哪些技术栈版本？

A3：基础要求：Laravel 10+、Livewire 3.5.19+、Tailwind CSS 4+。Flux Pro Max额外要求Livewire 3.6.2+、Flux/Flux Pro ≥2.6.1。组件库基于Tailwind CSS构建，原生支持Alpine.js。

更多同类工具与网站,可在其他框架分类继续挑选。

信息核实于 2026年7月,具体以官网为准。