Storybook

Storybook is by far the most widely used open-source tool for developing UI components in isolation. Its UI editor allows you to develop, inspect, and interactively showcase your visual components.

To install Storybook into your existing React project:

Installing Storybook
npx storybook@latest init

This will review your project's structure. It'll try to understand which view layer you're using (Storybook also supports Vue, Angular, Svelte, and Ember).

Next, you can launch Storybook:

Launching the Storybook dev server
npm run storybook