Need help with rsuite?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

rsuite
6.2K Stars 670 Forks MIT License 2.1K Commits 107 Opened issues

Description

🧱 A suite of React components .

Services available

!
?

Need anything else?

Contributors list

React Suite logo

English | 中文版

npm GitHub Actions codecov Discord Gitter Gitter Gitpod ready-to-code

React Suite is a set of react component libraries for enterprise system products. It is a well-thought-out and developer-friendly UI framework.

UI Design

React Suite Design Prototype and specification, click to view.

Supported Platforms

Browser

React Suite supports the latest, stable releases of all major browsers and platforms. IE<=10 is no longer supported since React Suite 5.0. React Suite is designed and implemented for use on modern desktop browsers rather than mobile browsers.

| IE | Edge | Firefox | Chrome | Safari | | ---- | ---- | ------- | ------ | ------ | | >=11 | >=14 | >= 45 | >= 49 | >= 10 |

Server

React Suite supports server side rendering. Support Next.js to build applications.

Supported development environment

Installation

React Suite is available as an npm package.

npm i rsuite --save

or if you prefer Yarn

yarn add rsuite

Usage

Here's a simple example

import { Button } from 'rsuite';
import 'rsuite/styles/index.less'; // or 'rsuite/dist/rsuite.min.css'

ReactDOM.render(Button, mountNode);

Live preview on CodeSandbox

Documentation

You can go through full documentation or start with following sections

Examples

Previous major versions

The previous major version 4.x will no longer receive new features, and it is recommended to upgrade to the latest 5.x releases. Bug fixes for 4.x are still being supported for a period of time, and security fixes are supported until 6.x is in progress.

Documentations for previous major versions

Changelog

Detailed changes for each release are documented in the release notes.

Development

Test-Driven Development(TDD)

  1. Fork
    https://github.com/rsuite/rsuite
    this repo.
$ git clone [email protected]:/rsuite.git
$ cd rsuite
  1. Install it and run
$ npm i
$ npm run tdd
  1. Run a single component test case.
$ M=Button npm run tdd

UI-Driven Development

  1. Fork
    https://github.com/rsuite/rsuite
    this repo.
$ git clone [email protected]:/rsuite.git
  1. Install it and run
$ npm i
$ npm run dev
  1. Your show time. Open url http://127.0.0.1:3000/ in browser.

Contribution

Make sure you've read the guidelines before you start contributing.

Editor preferences are available in the .prettierrc for easy use in common code editors. Read more and download plugins at https://prettier.io/.

Supporting React Suite

If you like React Suite, you can show your support by either

This project exists thanks to all the people who contribute.

License

React Suite is MIT licensed. Copyright (c) 2016-present, HYPERS.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.