Awesome Open Source
Awesome Open Source

uiw LOGO

Github Actions Github Issues Github Forks Github Stars
Github Releases License MIT npm version jest

uiw document website

uiw

The official documentation site for uiw. A high quality UI Toolkit, A Component Library for React 16+. 💘

Installation

npm install uiw --save

You can use kkt to quickly create a react + uiw project.

npx create-kkt my-app -e uiw

You can use the uiw v1.x version. Please see here for instructions. (npx comes with npm 5.2+ and higher.)

Basic Usage

import React from "react";
import ReactDOM from "react-dom";
import { Button } from "uiw";

ReactDOM.render(
  <Button type="primary">Hello</Button>,
  document.getElementById("app")
);

Documentation

Visit the uiwjs.github.io website for more information.

Or Open in VSCode Preview :

Open in VSCode

Packages

This git repository is a repo built using Lerna. It contains several packages:

Package Version Description
uiw npm version -
@uiw/formatter npm version -
@uiw/react-affix npm version -
@uiw/react-alert npm version -
@uiw/react-avatar npm version -
@uiw/react-back-top npm version -
@uiw/react-badge npm version -
@uiw/react-breadcrumb npm version -
@uiw/react-button npm version -
@uiw/react-button-group npm version -
@uiw/react-calendar npm version -
@uiw/react-card npm version -
@uiw/react-checkbox npm version -
@uiw/react-collapse npm version -
@uiw/react-copy-to-clipboard npm version -
@uiw/react-date-input npm version -
@uiw/react-date-picker npm version -
@uiw/react-descriptions npm version -
@uiw/react-divider npm version -
@uiw/react-drawer npm version -
@uiw/react-dropdown npm version -
@uiw/react-file-input npm version -
@uiw/react-form npm version -
@uiw/react-grid npm version -
@uiw/react-icon npm version -
@uiw/react-input npm version -
@uiw/react-layout npm version -
@uiw/react-list npm version -
@uiw/react-loader npm version -
@uiw/react-menu npm version -
@uiw/react-message npm version -
@uiw/react-modal npm version -
@uiw/react-month-picker npm version -
@uiw/react-notify npm version -
@uiw/react-overlay npm version -
@uiw/react-overlay-trigger npm version -
@uiw/react-pagination npm version -
@uiw/react-pin-code npm version -
@uiw/react-popover npm version -
@uiw/react-portal npm version -
@uiw/react-progress npm version -
@uiw/react-radio npm version -
@uiw/react-rate npm version -
@uiw/react-search-select npm version -
@uiw/react-select npm version -
@uiw/react-split npm version -
@uiw/react-slider npm version -
@uiw/react-steps npm version -
@uiw/react-switch npm version -
@uiw/react-table npm version -
@uiw/react-tabs npm version -
@uiw/react-tag npm version -
@uiw/react-textarea npm version -
@uiw/react-time-picker npm version -
@uiw/react-tooltip npm version -
@uiw/react-tree npm version -
@uiw/react-tree-checked npm version -
@uiw/utils npm version -

Development

Use Gitpod, a free online dev environment for GitHub.

Open in Gitpod

Or clone locally:

$ git clone https://github.com/uiwjs/uiwjs.github.io.git --recurse-submodules

Compiled component code.

$ npm install # Install dependencies

$ npm run hoist
$ npm run build

To develop, run the self-reloading build:

# Run the app
# Restart the app automatically every time code changes.
# Useful during development.
$ npm run lib:watch
$ npm run start
$ lerna run --scope uiw watch --stream
$ lerna exec --scope @uiw/button -- tsbb types --outDir lib/esm --target ESNEXT --watch
$ lerna exec --scope @uiw/button -- tsbb watch --target react --env-name esm:dev --env-name cjs

Folders

├── LICENSE
├── README.md
├── package.json
├── website
│   ├── uiw        # Documentation website source code
└── packages
    ├── uiw        # Component library source code
    ├── react-alert
    ├── react-tree
    ├── ...
    └── react-affix

License

Licensed under the MIT License.


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (70,891
typescript (12,005
css (7,429
react (5,563
ui (1,046
frontend (524
ui-components (330
react-component (208
ui-kit (95