# React Styleguidist

Component workshop that runs React components in isolation with a hot reloaded dev server and generates a living style guide from Markdown examples.


Source: https://findsoftware.frbit.cloud/react-styleguidist/
Last reviewed: 2026-10-28
Listed since: 2026-10-28

## Record

### Links

- home: https://react-styleguidist.js.org/
- repository: https://github.com/styleguidist/react-styleguidist
- docs: https://react-styleguidist.js.org/docs/getting-started
- x: https://twitter.com/styleguidist
- discord: https://discord.gg/QWsybqJDTA

### Identity

- status: active
- maintainer: Artem Sapegin
- maintainerType: unknown
- parent: unknown
- firstRelease: 2015
- hqCountry: unknown

### Kind

- category: dev-tool
- hosting: not applicable
- language: javascript
- runtime: node
- runtimeMin: node 14
- basedOn: react

### Content

- contentStore: not applicable
- databases: not applicable
- adminUi: not applicable
- headlessApi: not applicable
- templating: not applicable
- i18n: not applicable

### Rendering and deploy

- runsAs: local, static
- renderingModes: static
- installMethod: npm

### License

- licenseModel: open-source
- license: MIT

### Releases

- currentMajor: 13
- latestReleaseDate: 2025-01-07

### Adoption

- githubStargazers: 11048
- packagistDownloads: not applicable
- npmWeeklyDownloads: 67068
- contributors: 229
- pluginCount: unknown
- packagistMonthlyDownloads: unknown
- ecosystemsMonthlyDownloads: unknown
- httpArchiveSites: unknown
- wordpressActiveInstalls: unknown
- dependentRepos: 2797
- dependentPackages: 2231

### Sources

- urls: https://react-styleguidist.js.org/ (read 2026-10-28)
- urls: https://api.github.com/repos/styleguidist/react-styleguidist (read 2026-10-28)
- urls: https://react-styleguidist.js.org/docs/getting-started (read 2026-10-28)
- maintainer: https://github.com/styleguidist/react-styleguidist/blob/v13.1.4/License.md (read 2026-10-28)
- language: https://api.github.com/repos/styleguidist/react-styleguidist (read 2026-10-28)
- category: https://github.com/styleguidist/react-styleguidist/blob/v13.1.4/Readme.md (read 2026-10-28)
- runtime: https://github.com/styleguidist/react-styleguidist/blob/v13.1.4/package.json (read 2026-10-28)
- runtimeMin: https://github.com/styleguidist/react-styleguidist/blob/v13.1.4/package.json (read 2026-10-28)
- installMethod: https://react-styleguidist.js.org/docs/getting-started (read 2026-10-28)
- runsAs: https://react-styleguidist.js.org/docs/getting-started (read 2026-10-28)
- runsAs: https://react-styleguidist.js.org/docs/cli (read 2026-10-28)
- renderingModes: https://react-styleguidist.js.org/docs/cli (read 2026-10-28)
- license: https://api.github.com/repos/styleguidist/react-styleguidist (read 2026-10-28)
- licenseModel: https://github.com/styleguidist/react-styleguidist/blob/v13.1.4/License.md (read 2026-10-28)
- firstRelease: https://registry.npmjs.org/react-styleguidist (read 2026-10-28)
- currentMajor: https://api.github.com/repos/styleguidist/react-styleguidist/releases (read 2026-10-28)
- latestReleaseDate: https://api.github.com/repos/styleguidist/react-styleguidist/releases (read 2026-10-28)
- githubStargazers: https://api.github.com/repos/styleguidist/react-styleguidist (read 2026-10-28)
- contributors: https://api.github.com/repos/styleguidist/react-styleguidist/contributors (read 2026-10-28)
- npmWeeklyDownloads: https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/react-styleguidist (read 2026-10-28)
- dependentPackages: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/react-styleguidist (read 2026-10-28)
- dependentRepos: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/react-styleguidist (read 2026-10-28)
- basedOn: https://react-styleguidist.js.org/ (read 2026-10-28)

## Notes

React Styleguidist runs React components in isolation. It starts a hot reloaded dev server where each component can be viewed with all its variants, and it builds a style guide from the components' props and from Markdown files that hold live, editable usage examples. The style guide is meant to be shared with a team, designers included.

The package is installed into a project as a development dependency and started from the command line or from a package.json script. The [getting started guide](https://react-styleguidist.js.org/docs/getting-started) shows the server and build commands. The build writes the style guide as static HTML, so the output can be published to any web space.

## Worth knowing

The guide asks users to install webpack themselves unless their project uses Create React App, which the homepage says works out of the box. The dev server and the build are run from the command line on a developer's machine.

---

Data licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Attributes are recorded, never scored; absent means unknown.
Credit, in full: FindSoftware, CC BY 4.0