https://github.com/ericm/uniui

Uniui is a React UI library currently in beta. It has a growing list of components as well as easy context based theming.
https://github.com/ericm/uniui

beta javascript npm npm-package react reactjs typescript ui ui-components uikit ux

Last synced: 17 days ago
JSON representation

Uniui is a React UI library currently in beta. It has a growing list of components as well as easy context based theming.

• Host: GitHub
• URL: https://github.com/ericm/uniui
• Owner: ericm
• License: gpl-3.0
• Created: 2019-12-19T11:38:29.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-08-31T13:17:11.000Z (8 months ago)
• Last Synced: 2025-03-28T21:02:23.690Z (about 1 month ago)
• Topics: beta, javascript, npm, npm-package, react, reactjs, typescript, ui, ui-components, uikit, ux
• Language: TypeScript
• Homepage:
• Size: 1.97 MB
• Stars: 8
• Watchers: 4
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# [![Uniui](./img/uniui.svg?sanitize=true)](http://uniui.moynihan.io)

[![npm](https://img.shields.io/npm/v/react-uniui?style=flat-square)](https://npmjs.com/package/react-uniui)

![Build](https://github.com/ericm/uniui/workflows/Build/badge.svg?branch=master)

[Uniui](http://uniui.moynihan.io) is a React Typescript UI library currently in beta.

## Installation

To install Uniui, simply run the following in the root directory of your react project:

```

    $ npm i react-uniui

```

## Usage

You can import the entire library via:

```ts

    import Uniui from "react-uniui";

```

Or individually:

```ts

    import { Button, Selection } from "react-uniui";

```

## Components Preview

### Buttons

![button](img/button.png)

```tsx

Button

Button

Button

```

[See more in the docs](http://uniui.moynihan.io/components/button)

### Radio Menu

![button](img/radio.png)

```tsx

  

  

  

```

### Checkboxes

![button](img/checkbox.png)

```tsx

  

  

  

```

### Switches

![button](img/switch.png)

```tsx

  

  

  

```

[See more in the docs](http://uniui.moynihan.io/components/selection)

### TextField

![button](img/text.png)

```tsx

```

[See more in the docs](http://uniui.moynihan.io/components/textfield)

See the [Component API docs](http://uniui.moynihan.io) for further reference