https://github.com/hellof2e/quark-design
Browser-native component library, framework-agnostic, base on web components.(企业级 H5 UI 组件库，无框架，即插即用。)
https://github.com/hellof2e/quark-design
quarkc quarkd webcomponent webcomponents
Last synced: 12 days ago
JSON representation
Browser-native component library, framework-agnostic, base on web components.(企业级 H5 UI 组件库，无框架，即插即用。)
- Host: GitHub
- URL: https://github.com/hellof2e/quark-design
- Owner: hellof2e
- License: mit
- Created: 2022-10-14T07:06:46.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-08T01:44:20.000Z (2 months ago)
- Last Synced: 2025-04-02T01:07:19.828Z (19 days ago)
- Topics: quarkc, quarkd, webcomponent, webcomponents
- Language: TypeScript
- Homepage: https://quark-ecosystem.github.io/quarkd-docs
- Size: 8.12 MB
- Stars: 1,924
- Watchers: 18
- Forks: 189
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- awesome-star-libs - hellof2e / quark-design
- awesomeLibrary - quark-design - Next generation Frontend component library, it can be used in any framework or no framework at the same time. (语言资源库 / typescript)
README
Quark Design
Next-gen frontend component library, it can be used in any framework or no framework.
哈啰集团面向 C 端 UI 组件库，支撑哈啰几乎所有 C 端 H5 项目，包括交易，支付，两轮，商城等。这是一个设计轻盈优雅的企业级 UI 组件库，可以满足日常所需所有基础组件，且支持跨技术栈运行。
English |
简体中文
---
## Features
🚀 Cross framework: Any front-end framework can be used.
❤️ Lightweight: Crafted with minimalistic Code design.
⚡️ Fast: Native HTML/CSS/JS build.
## Documentation
For full documentation, visit [https://quark-ecosystem.github.io/quarkd-docs](https://quark-ecosystem.github.io/quarkd-docs).
## Install
```bash
npm install quarkd
```## Usage example
```jsx
import "quarkd/lib/button";// like a normal div tag `
xx`, can be used in any browser.Button
;
``````html
// react
Button// vue
Button// svelte
Button// angular
Button
```## Vs Code plugin
[Visual Studio | Marketplace](https://marketplace.visualstudio.com/items?itemName=quarkd.quarkd-vscode-extension)
## Community
For help, discussion about best practices, or any other conversation that would benefit from being searchable:
[Discuss Quark design on Github](https://github.com/hellof2e/quark-design/discussions)
## Contributing
If you're interested in contributing to quark design, please read our [contributing docs](https://github.com/hellof2e/quark-design/blob/main/CONTRIBUTING.md) **before submitting a pull request**.