面向 Uni-app 的跨端组件库

构建 跨端应用
从未如此简单

60+ 组件，完整 TypeScript 类型支持，Design Token 主题系统。
一套代码，覆盖 H5 移动端、原生 App 与 微信小程序。

快速上手 浏览组件 GitHub
$pnpm add lucky-ui
60+
精品组件
H5 · App · 小程序
多端支持
100%
TypeScript
MIT
开源协议
核心特性

为什么选择 Lucky UI？

这些特性帮助我们在日常开发中少走弯路，也希望对你有用。

🎨

Design Token 主题系统

完整的 CSS 变量体系，明暗双主题开箱即用。一行变量覆盖全站配色，无需侵入组件源码。

✨

图标工程化

内置从 SVG 库自动转字体的构建脚本。只需放入 SVG 资源即可生成跨端兼容的字体图标，大幅提升开发效率。

🔷

TypeScript 优先

全量 Props / Emits / Slots 类型声明，IDE 自动补全触手可及，重构与协作都更安心。

⚡

按需引用

每个组件独立成文件，配合 tree-shaking 只打包实际用到的部分，产物体积精简到极致。

🧩

60+ 全场景组件

涵盖基础元素、表单控件、数据展示、导航、反馈浮层等所有常用场景，开箱即搭完整应用。

🎭

流畅动效

内置精心调校的过渡动画，弹窗、抽屉、Toast 等反馈组件均有原生感动效，体验细腻顺滑。

快速开始

三步接入，立即使用

无需繁琐配置，安装后即可在任意 Uni-app 项目中使用所有组件。

查看完整文档
01
安装
$ pnpm add lucky-ui
02
注册
import LuckyUI from 'lucky-ui'
app.use(LuckyUI)
03
使用
<lk-button type="primary">提交</lk-button>

开始构建你的下一个应用

加入已在使用 Lucky UI 的开发者，构建令人愉悦的跨端体验。

开始使用组件文档