Skip to content

LimeUi

🚀 现代化轻量级跨平台UI组件库

基于Composition API (setup)构建的轻量高效UI组件库,丰富的组件与原生插件,完美兼容UniApp/UniAppX生态,支持CSS Var动态主题,助您快速构建专业级跨端应用!

✨ 核心优势

  • 基于Setup语法 - 采用Vue3 Composition API构建,代码更简洁,逻辑复用更强大
  • 全面跨平台 - 完美支持UniApp/UniAppX生态,一套代码,多端运行
  • CSS变量支持 - 内置CSS变量系统,轻松实现主题定制与暗黑模式
  • 按需导入 - 支持组件单独导入,减小应用体积,提升性能
  • 持续更新 - 活跃维护,定期新增组件与功能

提示

📦 组件使用提示
✔ 所有组件支持按需引入
⚠ 维护量大,难免出现错误,有问题及时反馈
📩 反馈问题:插件市场评论区 → 加入开发者交流群

🔖 最佳实践
▸ 保持HBX为最新版本,因为组件可能会使用最新特性
▸ 保持基础组件为最新版本

🚀 快速开始

安装方式

  1. 完整导入
    插件市场 点击「试用」按钮,一键集成基础组件库

  2. 按需导入
    访问组件详情页 → 点击「导入」获取组件独立包

📦 推荐方案:基础组件库 + 按需加载特定组件
⚡ 优势:有利于改善强迫症患者焦虑

  1. 授权说明
授权类型包含内容获取方式价格
免费使用全部免费组件插件市场直接试用免费
普通授权全部免费组件插件市场直接试用¥8(相当于打赏)
源码授权免费组件 + 收费组件 + 原生组件源码购买后联系作者¥449

💡 小贴士:每份授权都是对项目持续维护的支持,衷心感谢开发者的认可!

🆓 免费组件列表

持续更新中,如有未覆盖的组件需求可通过交流群提出
以下组件将随库自动导入(共 66 款):

组件名称功能描述兼容平台
lime-icon图标组件web/微信小程序/App/鸿蒙next
lime-button按钮组件web/微信小程序/App/鸿蒙next
lime-popup弹窗组件web/微信小程序/App/鸿蒙next
lime-resize监听元素尺寸web/微信小程序/App/鸿蒙next
lime-transition过渡动画web/微信小程序/App/鸿蒙next
lime-cell单元格web/微信小程序/App/鸿蒙next
lime-image图片组件web/微信小程序/App/鸿蒙next
lime-link超链接web/微信小程序/App/鸿蒙next
lime-space间距布局web/微信小程序/App/鸿蒙next
lime-cascader级联选择器web/微信小程序/App/鸿蒙next
lime-checkbox复选框web/微信小程序/App/鸿蒙next
lime-radio单选框web/微信小程序/App/鸿蒙next
lime-search搜索框web/微信小程序/App/鸿蒙next
lime-stepper步进器web/微信小程序/App/鸿蒙next
lime-switch开关组件web/微信小程序/App/鸿蒙next
lime-input输入框web/微信小程序/App/鸿蒙next
lime-textarea多行文本框web/微信小程序/App/鸿蒙next
lime-upload文件上传web/微信小程序/App/鸿蒙next
lime-picker选择器组件web/微信小程序/App/鸿蒙next
lime-date-time-picker时间选择器web/微信小程序/App/鸿蒙next
lime-area省市区选择web/微信小程序/App/鸿蒙next
lime-keyboard虚拟键盘web/微信小程序/App
lime-code-input验证码输入框web/微信小程序/App/鸿蒙next
lime-date-strip日期横条web/微信小程序/App/鸿蒙next
lime-daily-punch打卡签到web/微信小程序/App/鸿蒙next
lime-loading加载动画web/微信小程序/App/鸿蒙next
lime-load-more加载更多web/微信小程序/App/鸿蒙next
lime-dialog弹出对话框web/微信小程序/App/鸿蒙next
lime-overlay遮罩层web/微信小程序/App/鸿蒙next
lime-action-sheet动作面板web/微信小程序/App/鸿蒙next
lime-swipe-cell滑动单元格web/微信小程序/App/鸿蒙next
lime-sorter排序按钮web/微信小程序/App/鸿蒙next
lime-fab浮动按钮web/微信小程序/App/鸿蒙next
lime-floating-panel浮动面板web/微信小程序/App/鸿蒙next
lime-circle环形进度条web/微信小程序/App/鸿蒙next
lime-liquid水波进度球web/微信小程序/App/鸿蒙next
lime-collapse折叠面板web/微信小程序/App/鸿蒙next
lime-count-down倒计时组件web/微信小程序/App/鸿蒙next
lime-divider分割线web/微信小程序/App/鸿蒙next
lime-empty空状态提示web/微信小程序/App/鸿蒙next
lime-steps步骤条web/微信小程序/App/鸿蒙next
lime-tag标签组件web/微信小程序/App/鸿蒙next
lime-count-to数字滚动web/微信小程序/App/鸿蒙next
lime-badge徽标组件web/微信小程序/App/鸿蒙next
lime-avatar头像组件web/微信小程序/App/鸿蒙next
lime-watermark水印组件web/微信小程序/App/鸿蒙next
lime-highlight高亮文本web/微信小程序/App/鸿蒙next
lime-popover气泡弹出框web/微信小程序/App/鸿蒙next
lime-text-ellipsis文本省略web/微信小程序/App/鸿蒙next
lime-read-more查看更多web/微信小程序/App/鸿蒙next
lime-notice-bar通知栏web/微信小程序/App/鸿蒙next
lime-scroll-x横向滚动web/微信小程序/App/鸿蒙next
lime-dateformat日期格式化web/微信小程序/App/鸿蒙next
lime-sidebar侧边导航web/微信小程序/Appp/鸿蒙next
lime-tabbar标签栏web/微信小程序/App/鸿蒙next
lime-back-top回到顶部web/微信小程序/App/鸿蒙next
lime-navbar导航栏web/微信小程序/App/鸿蒙next
lime-segmented分段器web/微信小程序/App/鸿蒙next
lime-grid宫格布局web/微信小程序/App/鸿蒙next
lime-tabs标签页web/微信小程序/App/鸿蒙next
lime-pagination分页器web/微信小程序/App/鸿蒙next
lime-swiper-dot轮播图指示点web/微信小程序/App/鸿蒙next
lime-footer页脚web/微信小程序/App/鸿蒙next
lime-dialer大转盘web/微信小程序/App/鸿蒙next
lime-layout布局web/微信小程序/App/鸿蒙next
lime-card卡片web/微信小程序/App/鸿蒙next

💰 增值组件

不定期更新增加

收费组件 (18 款)

组件名称功能描述平台兼容价格
lime-svgSVG 渲染核心web/微信小程序/App¥6
lime-barcode条形码生成web/微信小程序/App¥99
lime-qrcode二维码生成web/微信小程序/App¥99
lime-calendar日历组件web/微信小程序/App¥50
lime-arc-slider环形选择器web/微信小程序/App¥5
lime-ruler尺子工具web/微信小程序/App¥20
lime-clipper图片裁剪web/微信小程序/App¥60
lime-dropdown-menu下拉菜单web/微信小程序/App¥20
lime-tree树形控件web/微信小程序/App¥99
lime-confetti彩纸特效web/微信小程序/App¥50
lime-table表格web/微信小程序/App¥5
lime-indexes索引web/微信小程序/App¥5
lime-marquee跑马灯web/微信小程序/App¥10
lime-typing输入中web/微信小程序/App¥10
lime-gesture手势库web/微信小程序/App¥20/50
lime-color-picker颜色选择器web/微信小程序/App¥29/50
lime-waterflow瀑布流web/微信小程序/App¥19/20
lime-form表单web/微信小程序/App/鸿蒙next¥20

原生组件 (18 款)

组件名称功能描述平台兼容价格
lime-share文件分享iOS/Android¥68/99
lime-call-logs通讯记录Android¥10/299
lime-keyboard-utils隐藏键盘iOS/Android¥2/30
lime-choose-file文件选择iOS/Android/web/微信小程序¥15/88
lime-scan扫码功能iOS/Android/web¥50/299
lime-zip压缩解压iOS/Android¥68/299
lime-pinyin汉字转拼音web/微信小程序/App¥28/299
lime-pdfPDF 预览iOS/Android¥50/299
lime-blur-view高斯模糊iOS/Android¥10/299
lime-sqlite数据库App¥39/299
lime-svgasvga动画iOS/Android¥25/168
lime-weixin微信SDKiOS/Android¥20/299
lime-ocr图片文本识别iOS/Android¥29/299
lime-shrink图片压缩App/web/微信小程序¥19/20
lime-crypto加密App/web/微信小程序¥19/199
lime-mqttmqtt消息推送App/web/微信小程序¥30/299
lime-frost内容模糊iOS/Android¥20/200
lime-gzip数据流解压App/web/微信小程序¥19/199
lime-xlsxExcel文件转JSONApp/web/微信小程序¥30/368

平台标识说明

  • 具体兼容性以插件市场组件详情页为准

价格说明

  1. 支持两种购买方式:
    • 单独购买:单个组件授权
    • 源码授权包:¥449 获得所有原生组件源码(含持续更新)

付费组件说明

本库坚持开源共享原则,绝大多数组件免费开放。少量付费组件收入将用于项目持续维护和技术支持,感谢理解与支持。

图标组件特别说明

使用LimeIcon组件时需注意:

  1. 核心依赖
    组件依赖的 lime-svg插件 为原生付费组件(5元)

Vue2 兼容方案

  • 插件使用了composition-api, 如果你希望在vue2中使用请按官方的教程vue-composition-api配置
  • 关键代码是: 在main.js中 在vue2部分加上这一段即可
js
// vue2
import Vue from 'vue'
import VueCompositionAPI from '@vue/composition-api'
Vue.use(VueCompositionAPI)

组件标识规范

为方便开发调试,我们采用标准化标签体系:

标签类型命名规范示例作用说明
组件标签l-{component}<l-image/>正式组件
演示标签lime-{component}<lime-image/>组件使用示例

开发建议:参考演示标签的用法示例,实际开发使用正式组件标签

技术支持通道

遇到技术问题可通过以下方式获取支持:

  1. 📝 插件市场评论区留言
  2. 👥 评论区入口加入开发者交流群

文档维护说明:本指南将随版本迭代持续更新,建议定期查看最新版本说明。更新日志可通过插件市场页面查看。

捐助支持

如果您觉得组件库对您的开发工作有所帮助,欢迎通过下方二维码进行捐助。您的支持将助力项目持续优化与更新!

捐助二维码捐助二维码
感谢您对开源项目的支持!💖

每一份捐助都将用于:

  • 服务器与域名维护
  • 组件库功能增强
  • 开发者激励计划