Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/evandhq/react-jupiter

An UI design language with React implementation
https://github.com/evandhq/react-jupiter

design-system framework react reactjs

Last synced: 22 days ago
JSON representation

An UI design language with React implementation

Awesome Lists containing this project

README

        







Evand Design System - react-jupiter


## An UI design language with React implementation

### 🔱 __Features__

- An enterprise UI design system for web applications.
- A set of high-quality React components.
- Written in ES6 and styled-components.
- Use [react-hook-form](https://github.com/react-hook-form/react-hook-form) for form handling

### 📦 __Install__

```bash
npm install --save react-jupiter
```

or

```bash
yarn add react-jupiter
```

### 🙌🏼 __Usage__

```jsx
import { Button } from 'react-jupiter';

ReactDOM.render(Submit, mountNode);
```

### 🛠 __Development__

Use Gitpod, a free online dev environment for GitHub.

[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/evandhq/react-design-system)

Or clone locally:

```bash
git clone https://github.com/evandhq/react-design-system.git
cd react-design-system
npm install
npm start
```

### ⬛️ __Commands__

_start development and view doc. Open your browser and visit _

```bash
npm start
```

_show stories of storybook. Open your browser and visit _

```bash
npm run storybook
```

_running all tests:_

```bash
npm run test
```

_show linter errors (linter prevent changes to commit):_

```bash
npm run lint
```

_fix linter errors automatically:_

```bash
npm run lint:fix
```

_create changelog:_

```bash
npm run version
```

_generate static site of storybook:_

```bash
npm run build:storybook
```

_build production of documents and samples:_

```bash
npm run build:doc
```

_build version of design system:_

```bash
npm run build:lib
```

_deploy updated storybook on [project's github gh-page](https://evandhq.github.io/react-jupiter/) :_

```bash
npm run deploy:storybook
```

### 🤝 __Contributing__ [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

Read our [contributing guide](https://evand.com) and let's build a better react design system.

### 🎓 __Licence__

_react design system_ is available under MIT licence.