UUI
Universal Utility-first React UI Library
UUI is still heavily under development. Specifications and Usage might change in the future and, as of now, no backwards compatibility is guaranteed!
English | 简体中文
Features
- A set of useful components out of the box.
- TypeScript based full type safety.
- Highly customizable.
- WAI-ARIA 1.2 compliance
Installation
npm install @hackplan/uui --saveyarn add @hackplan/uuiUsage
import '@hackplan/uui/lib/index.css';
import { Button } from '@hackplan/uui';
function App() {
return (
<div>
<Button>Click me!</Button>
</div>
)
}Links
- Documentation
- Introduction
- Using Customize
- Principle & Implementation
- Contributing
- Deployment
- Changelog
Development
For the development of this project, Yarn is preferred over npm. However, any Yarn command can be replaced by the npm equivalent.
git clone https://github.com/HackPlan/UUI.git
cd uui
nvm use
yarn
yarn storybookOpen your browser and visit http://localhost:6006 .
Contributing
We welcome all contributions. Please read CONTRIBUTING.md first.
Products built with UUI
![]() |
![]() |
|
|---|---|---|
| 图压 | 多少记账 | 昼间日历 |
Licenses
All files on the UUI GitHub repository are subject to the MIT license. Please read the License file at the root of the project.

Formed in 2009, the Archive Team (not to be confused with the archive.org Archive-It Team) is a rogue archivist collective dedicated to saving copies of rapidly dying or deleted websites for the sake of history and digital heritage. The group is 100% composed of volunteers and interested parties, and has expanded into a large amount of related projects for saving online and digital history.



