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: 3 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: 2024-09-04T09:45:55.000Z (5 months ago)
• Last Synced: 2025-01-07T13:07:27.039Z (10 days ago)
• Topics: quarkc, quarkd, webcomponent, webcomponents
• Language: TypeScript
• Homepage: https://quark-ecosystem.github.io/quarkd-docs
• Size: 8.11 MB
• Stars: 1,918
• Watchers: 20
• Forks: 189
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesomeLibrary - quark-design - Next generation Frontend component library, it can be used in any framework or no framework at the same time. (语言资源库 / typescript)
• awesome-star-libs - hellof2e / quark-design

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**.