React Suite

English | [中文版][readm-cn]

[![npm][npm-svg]][npm-home] [![GitHub Actions][actions-svg]][actions-home] [![Discord][discord-svg]][discord-invite] [![Gitter][gitter-svg]][gitter] [![Gitter][gitter-cn-svg]][gitter-cn]

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

React Suite Design Prototype and specification, click to [view][rsuite-design].

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.

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

- Supports React 16 +

- Supports TypeScript

- Supports Electron

- Supports Reason

React Suite is available as an [npm package][npm-home].

or if you prefer Yarn

Here's a simple example

[Live preview on CodeSandbox][live-preview-on-codesandbox]

You can go through [full documentation][rsuite-doc-guide] or start with following sections

- [Quick start][rsuite-doc-guide]

- [Customizing themes][rsuite-doc-guide-themes]

- [Internationalization][rsuite-doc-guide-intl]

- [Right-to-left][rsuite-doc-guide-rtl]

- [Components][rsuite-components-overview]

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.

- 4.x documentation

- 3.x documentation

Detailed changes for each release are documented in the [release notes][release-notes].

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

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

- Starring this repo

- [Leaving a comment here][issues-11] if you are using React Suite in your project (like we do :smile:)

- [Becoming a backer][opencollective-home] on OpenCollective

This project exists thanks to all the people who contribute.

[![opencollective-now][opencollective-svg]][opencollective-home]

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

[readm-cn]: https://github.com/rsuite/rsuite/blob/master/README_zh.md

[npm-svg]: https://img.shields.io/npm/v/rsuite

[npm-home]: https://www.npmjs.com/package/rsuite

[actions-svg]: https://github.com/rsuite/rsuite/workflows/Node.js%20CI/badge.svg?branch=master

[actions-home]: https://github.com/rsuite/rsuite/actions?query=branch%3Amaster+workflow%3A%22Node.js+CI%22

[discord-svg]: https://img.shields.io/badge/Discord-Join%20chat%20%E2%86%92-738bd7.svg

[discord-invite]: https://discord.gg/R8mnjwh

[rsuite-design]: https://rsuitejs.com/design/default

[live-preview-on-codesandbox]: https://codesandbox.io/s/rsuite-template-5vq6zo2z5l

[rsuite-doc-guide]: https://rsuitejs.com/en/guide/introduction

[rsuite-doc-guide-themes]: https://rsuitejs.com/en/guide/customization

[rsuite-doc-guide-intl]: https://rsuitejs.com/en/guide/intl

[rsuite-doc-guide-rtl]: https://rsuitejs.com/en/guide/rtl

[rsuite-components-overview]: https://rsuitejs.com/en/components/overview

[release-notes]: https://github.com/rsuite/rsuite/releases

[contributing]: https://github.com/rsuite/rsuite/blob/master/CONTRIBUTING.md

[prettierrc]: https://github.com/rsuite/rsuite/wiki/.prettierrc

[issues-11]: https://github.com/rsuite/rsuite/issues/11

[opencollective-svg]: https://opencollective.com/rsuite/tiers/backer.svg?avatarHeight=36

[opencollective-home]: https://opencollective.com/rsuite

[license]: https://github.com/rsuite/rsuite/blob/master/LICENSE

[rsuite-sample]: https://sample.rsuitejs.com/

[gitter]: https://gitter.im/rsuite/rsuite?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge

[gitter-svg]: https://img.shields.io/gitter/room/rsuite/rsuite?label=chat-english

[gitter-cn]: https://gitter.im/rsuite/rsuite-CN?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge

[gitter-cn-svg]: https://img.shields.io/gitter/room/rsuite/rsuite?label=chat-chinese

[demo-admin]: https://github.com/rsuite/rsuite-management-system

[demo-modular-import]: https://github.com/rsuite/rsuite/tree/master/examples/with-babel-preset-rsuite

[demo-cdn]: https://github.com/rsuite/rsuite/tree/master/examples/cdn

[demo-create-react-app]: https://github.com/rsuite/rsuite/tree/master/examples/create-react-app

[demo-electron]: https://github.com/rsuite/rsuite/tree/master/examples/with-electron

[demo-intl-app]: https://github.com/rsuite/rsuite/tree/master/examples/custom-i18n

[demo-multiple-themes]: https://github.com/rsuite/rsuite/tree/master/examples/custom-multiple-themes

[demo-flow-app]: https://github.com/rsuite/rsuite/tree/master/examples/with-flow

[demo-typescript-app]: https://github.com/rsuite/rsuite/tree/master/examples/with-typescript

[demo-nextjs]: https://github.com/rsuite/rsuite/tree/master/examples/with-nextjs

[demo-umi-app]: https://github.com/rsuite/rsuite/tree/master/examples/with-umi

[demo-rtlcss]: https://github.com/rsuite/rsuite/tree/master/examples/with-rtlcss

[demo-postcss-rtl]: https://github.com/rsuite/rsuite/tree/master/examples/with-postcss-rtl

[demo-nextjs-typescript]: https://github.com/rsuite/rsuite/tree/master/examples/with-nextjs-typescript

[demo-snowpack]: https://github.com/rsuite/rsuite/tree/master/examples/with-snowpack

[demo-vite]: https://github.com/rsuite/rsuite/tree/master/examples/with-vite