Quark Design下一代前端组件库
Quark Design 是一套企业级跨框架 UI 设计语言,底层基于 Web components。
特性:
- 支持 Vue、React、Angular 等各类框架/无框架。
- 完全覆盖您所需要的各种通用组件。
- 支持按需引用。
- 详尽的文档和示例。
- 单元测试覆盖。
- 支持 TypeScript。
- 支持定制主题。
- 国际化语言支持。
- 支持服务端渲染(Beta)。
framework | CDN | 打包/构建工具 | Typescript | 开源时间 | 支持技术栈/框架 |
---|---|---|---|---|---|
Quark | 80.1kb | Rollup | √ | 2022 | Vue/React/Angular/JQ/Svelte/无框架 |
Vant | 183kb | Vite(Vant-cli) | √ | 2017 | Vue |
Nutui | 275.5kb | Vite | √ | 2018 | Vue |
TDesign Mobile | - | Gulp | √ | 2021 | React |
Antd Mobile | - | Gulp | √ | 2016 | React |
动机
技术框架的出现,提升了开发体验以页面性能,但技术框架的不断迭代更新,为项目的维护带来诸多挑战,如:
- 视觉组件无法跨技术框架(React、Vue等)使用
- 技术框架一旦升级,视觉组件常常必须配合迭代升级
因此,开发团队开发了这套 UI 框架,旨在与技术框架隔离(技术栈无关),让视觉组件避免落入技术栈迭代而迭代的怪圈。
安装
# Vue/Angular/JQ/无框架工程
npm i quarkd
# React 项目
npm i @quarkd/quark-react
评论