A beautiful web component library based on React using the Headless UI library and Unocss.

Warning: This version is for development purposes only. Some features are still under development and there may be inevitable bugs. Please do not use it in a production environment.

• ✨ using a unified and lightweight design style for the theme.
• 🚀 using high-quality basic unstyled libraries,
• 🎨 based on UnoCSS as CSS processor.
• 📦 which uses Ahook as a base Hook.
• 🛠️ TypeScript, type-safe and fully parameter-aware.
• 📱 Accessibility support, each component supports ARIA keyboard accessibility.

yarn add @duxweb/dux-ui

To develop with React 18, make sure the React version number is >= 18.x, and install the UnoCSS 。

// uno.config.ts
import { defineConfig, presetUno, presetIcons, presetTypography } from 'unocss';
import { presetDux, DuxProvider } from '@duxweb/dux-ui'

export default defineConfig({
  ... 
  presets: [
    presetUno(),
    presetIcons(),
    presetTypography(),
    presetDux(),
    ...
  ]
})

import React from "react";
import ReactDOM from "react-dom";

import { Provider, Button } from "@duxweb/dux-ui";

ReactDOM.render(
  <Provider locale={context.globals.locale}>
    <Button color="primary">Hello Arco</Button>
  </Provider>,
  document.querySelector("#root")
);

$ git clone [email protected]:duxweb/dux-ui.git
$ cd dux-ui
$ yarn
$ yarn dev