GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - HackPlan/UUI: Universal Utility-first UI Library

BranchesTags
Open more actions menu

Latest commit

 

History

768 Commits
768 Commits

Folders and files

NameName
Last commit message
Last commit date
.github
.github
 
 
.storybook
.storybook
 
 
assets/screenshots
assets/screenshots
 
 
docs
docs
 
 
src
src
 
 
stories
stories
 
 
tests
tests
 
 
typing
typing
 
 
.eslintignore
.eslintignore
 
 
.eslintrc.js
.eslintrc.js
 
 
.gitignore
.gitignore
 
 
.nvmrc
.nvmrc
 
 
.svgrrc.js
.svgrrc.js
 
 
CHANGELOG.md
CHANGELOG.md
 
 
CODE_OF_CONDUCT.md
CODE_OF_CONDUCT.md
 
 
CONTRIBUTING.md
CONTRIBUTING.md
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
babel.config.js
babel.config.js
 
 
jest.config.js
jest.config.js
 
 
package.json
package.json
 
 
rollup.config.js
rollup.config.js
 
 
tsconfig.json
tsconfig.json
 
 
yarn.lock
yarn.lock
 
 

Repository files navigation

UUI

Universal Utility-first React UI Library

Storybook

components overview screenshot

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

⚠️⚠️⚠️ UUI requires TypeScript 3.8 or higher. ⚠️⚠️⚠️

npm install @hackplan/uui --save
yarn add @hackplan/uui

Usage

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 storybook

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

About

Universal Utility-first UI Library

doc.uui.cool

Topics

reacttypescriptuiui-componentsutility-firstwai-ariaweb

Resources

Readme
MIT license

Code of conduct

Code of conduct

Contributing

Contributing
Activity
Custom properties

Stars

96 stars

Watchers

7 watching

Forks

9 forks
Report repository

Releases

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.