Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/robin-hg/robin-ui

A simple React UI library
https://github.com/robin-hg/robin-ui

dark-mode emotion react react-components react-hooks storybook typescript ui-library

Last synced: about 1 month ago
JSON representation

A simple React UI library

Awesome Lists containing this project

README

        

# Robin UI

[![MIT License](https://img.shields.io/github/license/robinh-jsx/robin-ui?color=blue&style=flat-square&labelColor=000)](https://github.com/robinh-jsx/robin-ui/blob/HEAD/LICENSE)
[![NPM Version](https://img.shields.io/npm/v/@robin-ui/core?color=blue&style=flat-square&labelColor=000)](https://www.npmjs.com/package/@robin-ui/core)
![Bundle Size](https://img.shields.io/bundlephobia/minzip/@robin-ui/core?style=flat-square&labelColor=000)

A simple React UI library for bleeding-edge web development.

## Documentation & Storybook

Documentation (Coming soon)

[Storybook](https://master--6293dc276b9544003ae34663.chromatic.com/)

## Installation

```sh
# npm
$ npm i @robin-ui/core @emotion/react @emotion/styled framer-motion

# yarn
$ yarn add @robin-ui/core @emotion/react @emotion/styled framer-motion
```

## Packages

- `@robin-ui/core` - Core components library
- `@robin-ui/hooks` - A collection of handy React hooks
- `@robin-ui/icons` - [Feather](https://feathericons.com/) based React icon library
- `@robin-ui/next` - [Next.js](https://nextjs.org/) integration for server side rendering
- `@robin-ui/ssr` - Utility functions for server side rendering
- `@robin-ui/styles` - [Emotion](https://emotion.sh/) based css-in-js solution
- `@robin-ui/theme` - Theme configuration with dark mode + dynamic color support
- `@robin-ui/utils` - A collection of handy utility functions

## License

[MIT](https://github.com/robinh-jsx/robin-ui/blob/master/LICENSE)