- Helper UI基础组件库
- Helper UI扩展组件库
- Helper Pro页面模板
- Helper UI样式库
- Helper SVG Icons
- Helper Hooks
- Helper Play
- UIKIT
- 灵活可控的主题配置系统
- CSS样式生成系统
- 快速便捷的页面布局组件
- 前端页面模版库
- 为设计师提供的Sketch版原子级UI组件库
安装方式:
npm install helper-ui
或
yarn add helper-ui
或
pnpm add helper-ui
- 50+个常用基础组件
- 1套亮色模式主题
- 1套暗色模式主题
- 40+个通用页面模版
- 可快速改变页面整体布局样式
- 可通过配置文件更换主题风格(通过helper UI主题库实现)
- 等特点,并且在日常工作和业务支撑的过程中不断地更新和完善。
安装方式:
npm install helper-business-ui
或
yarn add helper-business-ui
或
pnpm add helper-business-ui
- 树形穿梭框
- 树形选择器
- 数据过滤器
- 表格工具栏
- 可拖动式对话框
- 窗口停靠容器
- ……等15+个常用扩展组件
安装方式:
npm install hl-front-framework
或
yarn add hl-front-framework
或
pnpm add hl-front-framework
- 操作按钮
- 常用图片、文件上传和查看
- 数据过滤器
- 带过滤、分页、tab、搜索条件的表格
- 适配不同大屏的chart图
- ……等10+个常用扩展组件
安装方式:
npm install @helper-ui/styles
或
yarn add @helper-ui/styles
或
pnpm add @helper-ui/styles
- uk2(规范,Pro模板样式)
- uk2a(规范,Pro模板样式)
- ioc(数字规范,Pro模板样式)
- cecloud(云规范,Pro模板样式)
- fx(fx规范,Pro模板样式)
- visualized(大屏规范,Pro模板样式)
安装方式:
npm install @helper-ui/icons
或
yarn add @helper-ui/icons
或
pnpm add @helper-ui/icons
- 目前仅支持:root下变量可视化编辑
- 支持亮色,暗色,浅蓝色,云 四种主题
安装方式:
npm install helper-hooks
或
yarn add helper-hooks
或
pnpm add helper-hooks