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
评论
哈啰下一代跨技术栈前端组件库 Quark Design 正式开源!
Quark Design 是什么? Quark(夸克) Design 是由哈啰平台 UED 和增长&电商前端团队联合打造的一套面向移动端的「跨框架 UI 组件库」。与业界第三方组件库不一样,Quark Design 底层基于 Web Components 实现...
前端桃园
0
NG-ZORROAnt Design 的 Angular 组件库
ng-zorro-antd 是 Ant Design 的 Angular 实现,主要用于研发企业级中
NG-ZORROAnt Design 的 Angular 组件库
0
Ant Design Blazor企业级组件库
AntDesignBlazor 是一套基于AntDesign和Blazor的企业级组件库。特性提炼自企业级中后台产品的交互语言和视觉风格。开箱即用的高质量Blazor组件,可在多种托管方式共享。支持基
Ant Design Blazor企业级组件库
0
NG-ZORROAnt Design 的 Angular 组件库
ng-zorro-antd 是AntDesign的Angular实现,主要用于研发企业级中后台产品。全部代码开源并遵循MIT协议,任何企业、组织及个人均可免费使用。✨ 特性提炼自企业级中后台产品的交互
NG-ZORROAnt Design 的 Angular 组件库
0
OperaMasks-UI前端JS组件库
OperaMasks-UI是OperaMasks团队2011下半年打造的一款轻量级前端JS组件库,旨在提供一款学习曲线低、定制性灵活、样式统一,且多浏览器支持、覆盖企业业务场景的前端JavaScrip
OperaMasks-UI前端JS组件库
0
VARLETMaterial design 风格移动端组件库
Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库,全面拥抱 Vue3
VARLETMaterial design 风格移动端组件库
0
VARLETMaterial design 风格移动端组件库
Varlet是一个基于 Vue3 开发的Material风格移动端组件库,全面拥抱 Vue3 生态,由社区建立起来的组件库团队进行维护。特性提供50个高质量通用组件组件十分轻量由国人开发,完善的中英文
VARLETMaterial design 风格移动端组件库
0