UI components library to build React applications using `=nil;` pre-designed styles out of the box.
[](https://github.com/NilFoundation/ui-kit/actions/workflows/build.yaml)
[](https://www.npmjs.com/package/@nilfoundation/ui-kit)
[](https://opensource.org/licenses/MIT)
[](https://bundlephobia.com/package/@nilfoundation/ui-kit)
## Table of contents
- [Getting started](#getting-started)
- [Usage](#usage)
- [SSR](#ssr)
- [License](#license)
## Getting started
### npm
```bash
npm install @nilfoundation/ui-kit baseui styletron-engine-atomic styletron-react
```
### yarn
```bash
yarn add @nilfoundation/ui-kit baseui styletron-engine-atomic styletron-react
```
### CDN
```html
```
Notice, that global `React` variable should be accessible, because it is not included in the standalone bundle.
## Usage
```tsx
import { BaseProvider } from "baseui";
import { Client as Styletron } from "styletron-engine-atomic";
import { Provider as StyletronProvider } from "styletron-react";
import { createTheme, Button } from "@nilfoundation/ui-kit";
const engine = new Styletron();
const { theme } = createTheme(engine);
function App() {
return (
);
}
```
## SSR
Use [this workaround](https://github.com/tajo/nextjs-baseweb) to make Styletron, which this package is levelraging, work with SSR.
## License
[MIT](http://opensource.org/licenses/MIT)