# react-aui

> React AUI | All-in-one React components library to make fast UI

Latest version **2.0.2** (published 2023-03-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-aui
pnpm add react-aui
yarn add react-aui
bun add react-aui
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.2 |
| Published | 2023-03-25 |
| First published | 2022-08-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 9 |
| Unpacked size | 161.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | zemil |
| Maintainers | zemil |
| Keywords | react-aui, react-component-library, react-aui-components, react-components-examples |

## Links

- npm: https://www.npmjs.com/package/react-aui
- Repository: https://github.com/iZemil/react-aui
- Homepage: https://github.com/iZemil/react-aui#readme
- Issues: https://github.com/iZemil/react-aui/issues
- npm.io page: https://npm.io/package/react-aui

## Dependencies (9)

- [react](https://npm.io/package/react.md) ^18.0.0
- [hypermd](https://npm.io/package/hypermd.md) ^0.3.11
- [react-dom](https://npm.io/package/react-dom.md) ^18.0.0
- [codemirror](https://npm.io/package/codemirror.md) ^5.65.10
- [remark-gfm](https://npm.io/package/remark-gfm.md) 3.0.1
- [react-markdown](https://npm.io/package/react-markdown.md) 8.0.3
- [react-hot-toast](https://npm.io/package/react-hot-toast.md) 2.3.0
- [styled-normalize](https://npm.io/package/styled-normalize.md) 8.0.7
- [react-codemirror2](https://npm.io/package/react-codemirror2.md) ^7.2.1

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@progress/kendo-vue-listbox](https://npm.io/package/@progress/kendo-vue-listbox.md) — 932 weekly downloads

## Recent versions

- 2.0.2 (latest) — 2023-03-25
- 2.0.1 — 2023-03-25
- 2.0.0 — 2023-03-25
- 1.13.5 — 2023-02-15
- 1.13.4 — 2023-02-15
- 1.13.3 — 2023-02-15
- 1.13.2 — 2023-01-28
- 1.13.1 — 2023-01-28
- 1.13.0 — 2023-01-28
- 1.12.3 — 2022-12-15
- 1.12.2 — 2022-12-14
- 1.12.1 — 2022-12-14
- 1.12.0 — 2022-12-14
- 1.11.2 — 2022-12-13
- 1.11.1 — 2022-12-11
- … 65 more at https://npm.io/package/react-aui/versions

## README

# React AUI · [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/iZemil/react-aui/blob/master/LICENSE) ![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/izemil/react-aui)

[React AUI library Storybook Components](https://izemil.github.io/react-aui/)

## Development

-   run storybook dev server `npm run dev`
-   [commit changes and push](https://semantic-release.gitbook.io/semantic-release/), github actions and semantic realease deploy changes to npm and update github pages automatically

## Production

-   Install [npm package](https://www.npmjs.com/package/react-aui) `npm i react-aui`
-   Init AUIProvider into root of your project:

```jsx
import { GlobalStyles, ITheme, darkTheme, color } from 'react-aui';

const theme: ITheme = {
	...darkTheme, / ...or your options
};
const App = () => {
	return (
		<AUIProvider theme={theme}>
			<GlobalStyles normalize>
				{(t) => `
					html {
						color-scheme: dark;
					}

					body {
						font-family: Arial, sans-serif;
						background-color: ${color('bg')({ theme: t })};
						color: ${color('text')({ theme: t })};
						transition: 0.3s background;
					}
				`}
			</GlobalStyles>

			{/* react components... */}
		</AUIProvider>
	);
};
```

---
_Source: https://npm.io/package/react-aui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._