60+
精品组件
H5 · App · 小程序
多端支持
100%
TypeScript
MIT
开源协议
核心特性
为什么选择 Lucky UI？
这些特性帮助我们在日常开发中少走弯路，也希望对你有用。
🎨
Design Token 主题系统
完整的 CSS 变量体系，明暗双主题开箱即用。一行变量覆盖全站配色，无需侵入组件源码。
✨
图标工程化
内置从 SVG 库自动转字体的构建脚本。只需放入 SVG 资源即可生成跨端兼容的字体图标，大幅提升开发效率。
🔷
TypeScript 优先
全量 Props / Emits / Slots 类型声明，IDE 自动补全触手可及，重构与协作都更安心。
⚡
按需引用
每个组件独立成文件，配合 tree-shaking 只打包实际用到的部分，产物体积精简到极致。
🧩
60+ 全场景组件
涵盖基础元素、表单控件、数据展示、导航、反馈浮层等所有常用场景，开箱即搭完整应用。
🎭
流畅动效
内置精心调校的过渡动画，弹窗、抽屉、Toast 等反馈组件均有原生感动效，体验细腻顺滑。
01
安装
$ pnpm add uni-lucky-ui
02
注册
import LuckyUI from 'uni-lucky-ui'
app.use(LuckyUI)
app.use(LuckyUI)
03
使用
<lk-button type="primary">提交</lk-button>