React JavaScript ui ui-components react-component Front end react16 CSS TypeScript Less HTML compoment uiw-react ui-kit uiw
Need help with uiw?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
uiwjs

Description

⚛️ @uiwjs A high quality UI Toolkit, A Component Library for React 16+.

492 Stars 86 Forks MIT License 1.8K Commits 26 Opened issues

Services available

Need anything else?


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

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 bootstrap $ npm run bootstrap:webiste $ 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 w:t:uiw
$ npm run w:ts:uiw
$ 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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.