React Suite is a comprehensive, enterprise-class React UI component library committed to providing high-quality and production-ready components to help developers rapidly build web applications. The library offers 60+ components across typography, forms, navigation, data display, and layout categories, with built-in support for theming, internationalization (40+ languages), and accessibility.
Current Version: 6.1.0
License: MIT
Repository: https://github.com/rsuite/rsuite
Documentation: https://rsuitejs.com
Sources: README.md19 package.json3 docs/pages/guide/introduction/en-US/index.md5-8
React Suite provides a complete toolkit for building modern web applications:
| Feature | Description |
|---|---|
| 60+ Components | Comprehensive component library covering all common UI patterns |
| TypeScript Support | Full TypeScript definitions included with all components |
| Multiple Themes | Built-in light, dark, and high-contrast themes with CSS variables |
| 40+ Languages | Comprehensive i18n support with date-fns integration |
| SSR Compatible | Full server-side rendering support with Next.js |
| Accessibility | WCAG-compliant components with ARIA attributes |
| Multiple Module Formats | CommonJS, ES Modules, and UMD bundles |
| Tree-shakeable | Optimized for modern bundlers with ES modules |
| Responsive Design | Built-in hooks for media queries and responsive UI |
Sources: README.md19 package.json59-74 src/locales/index.ts1-100 CHANGELOG.md1-50
React Suite is organized as a monorepo containing the component library, documentation site, build tooling, and integration examples. The architecture separates concerns between component development, documentation, and distribution.
Diagram: Repository Structure and Build Pipeline
Sources: package.json5-10 package.json20-26 gulpfile.js1-50 docs/next.config.js20-224
The monorepo is structured with clear separation of concerns:
| Directory | Purpose | Key Files |
|---|---|---|
src/ | Component source code | index.tsx exports all components |
src/styles/ | LESS/SCSS styling | Theme definitions and mixins |
src/locales/ | Internationalization | 40+ language definitions |
docs/ | Documentation site | Next.js application |
examples/ | Framework integrations | Next.js, Vite, CRA, etc. |
test/ | Test suites | Vitest test infrastructure |
lib/ | Build outputs | Generated by build process |
For detailed information about the project structure, see Project Structure and Architecture.
Sources: package.json1-206 src/index.tsx1-163 docs/package.json1-94
React Suite supports modern browsers following the industry standard:
| Browser | Supported Versions |
|---|---|
| Edge | Latest |
| Firefox | Last 2 versions |
| Chrome | Last 2 versions |
| Safari | Last 2 versions |
| Electron | Last 2 versions |
Build targets are configured via browserslist: ["defaults"] in package.json186-188
Sources: README.md24-27 package.json186-188
Sources: package.json75-78 package.json163-164
Full SSR support with Next.js (both App Router and Pages Router). The documentation site at rsuitejs.com is built with Next.js as a reference implementation.
Sources: README.md35-37 docs/next.config.js1-265
Install via your preferred package manager:
Basic usage example:
For complete installation instructions including CSS import options and framework-specific guides, see Installation and Usage.
Sources: README.md43-66 docs/pages/guide/usage/en-US/index.md1-48
React Suite provides 60+ components organized into logical categories. All components are exported from the main entry point src/index.tsx.
Diagram: Component Organization
Sources: src/index.tsx1-163
| Category | Count | Examples |
|---|---|---|
| Typography & Buttons | 8 | Text, Heading, Button, IconButton |
| Forms | 20+ | Form, Input, Checkbox, Radio, Toggle |
| Pickers | 12 | SelectPicker, DatePicker, TreePicker, Cascader |
| Data Display | 10+ | Table, Tree, Panel, Calendar, Timeline |
| Navigation | 8 | Nav, Navbar, Sidenav, Dropdown, Breadcrumb |
| Overlays | 6 | Modal, Drawer, Tooltip, Popover, Message |
| Layout | 10 | Grid, Stack, Container, Divider, Box |
| Utilities & Hooks | 5+ | CustomProvider, useMediaQuery, useToaster |
For detailed component architecture including shared infrastructure and patterns, see Component Architecture.
Sources: src/index.tsx1-163
React Suite is distributed in multiple module formats to support different bundlers and use cases:
| Entry Point | Path | Format | Purpose |
|---|---|---|---|
| main | lib/cjs/index.js | CommonJS | Node.js, older bundlers |
| module | lib/esm/index.js | ES Modules | Modern bundlers, tree-shaking |
| typings | lib/esm/index.d.ts | TypeScript | Type definitions |
| UMD | lib/dist/rsuite.min.js | UMD | Browser <script> tags |
| styles | lib/styles/index.css | CSS | Compiled stylesheets |
Sources: package.json5-8 package.json79-86
The build process generates multiple artifacts in the lib/ directory:
For detailed information about the build system, see Build System and Pipeline.
Sources: package.json5-10 package.json79-86 package.json20-26
Key runtime dependencies included in the distributed package:
| Dependency | Version | Purpose |
|---|---|---|
@rsuite/icons | ^1.4.0 | Icon library |
date-fns | ^4.1.0 | Date manipulation and i18n |
schema-typed | ^2.4.2 | Form validation |
rsuite-table | ^5.19.2 | Advanced table component |
react-window | ^1.8.11 | List virtualization |
classnames | ^2.3.1 | CSS class composition |
dom-lib | ^3.3.1 | DOM utilities |
Sources: package.json59-74
React Suite includes comprehensive tooling for development, testing, and documentation:
Diagram: Development Workflow
Sources: package.json12-46 CONTRIBUTING.md7-92
| Command | Purpose |
|---|---|
npm run dev --prefix docs | Start documentation site at http://localhost:3000 |
npm run tdd | Run tests in watch mode |
npm run lint | Check code style (ESLint + TypeScript) |
npm run build | Build all output formats |
npm run format | Format code with Prettier |
For detailed development workflows and contribution guidelines, see Contributing Guidelines.
Sources: package.json12-46 CONTRIBUTING.md1-92
The official documentation at https://rsuitejs.com is a Next.js 14 application with bilingual support (English/Chinese) and interactive code examples.
For details on the documentation system architecture, see Documentation System and Documentation Architecture.
Sources: docs/pages/_app.tsx1-136 docs/next.config.js1-265 README.md72-76
React Suite provides official integration examples for popular frameworks:
| Framework | Example Directory |
|---|---|
| Next.js (App Router) | examples/with-nextjs-app |
| Next.js (Pages Router) | examples/with-nextjs-pages |
| Create React App | examples/create-react-app |
| Vite | examples/with-vite |
| Electron | examples/with-electron |
| TypeScript | examples/with-typescript |
| UmiJS | examples/with-umi |
Additional examples cover custom themes, internationalization, and RTL configurations. For framework-specific integration guides, see Framework Integration and Examples.
Sources: docs/pages/resources/examples/en-US/official-examples.md1-34 README.md83-90
Sources: README.md99-168 CONTRIBUTING.md1-92
Current release: 6.0.0 (released 2025-11-21)
Release notes and detailed changelogs are maintained in:
Sources: package.json3 CHANGELOG.md1-380
Refresh this wiki
This wiki was recently refreshed. Please wait 5 days to refresh again.