Quark Design下一代前端组件库

联合创作 · 2023-09-28 01:01

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
浏览 8
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报