Bit helps you turn your components into building blocks which can be organized and used in multiple projects and apps.

With Bit, you can simply choose components from any of your repos, let Bit isolate them for you and share them to the cloud — without changing a single line of code in your project, creating new repos or configuring anything.

React Spinner components with Bit

From there, they can be installed with NPM / Yarn just like any other package. Bit also makes it possible to change the components you sync from any other project with 2–way code changes, creating a distributed dev workflow.

You can use Bit’s hub to organize a visual collection of your components, which will be presented with live examples, rendering, docs and more.

Interactive development for React components with Storybook

Storybook is a rapid development environment for UI components.

It allows you to browse a component library, view the different states of each component, and interactively develop and test components.

Storybook will help you develop React components faster by adding an environment where you can actually see and showcase your components while playing with their properties, with hot-reloading on the web.

Different plugins can help make the process even better, so you can feel like an artist and shorten the cycle between code tweaking to visual output.

Apart from React, Storybook can also be used with Vue and angular projects. Definitely worth checking out for your next UI project.