Documentation | Platform | Learn

The component build and collaboration framework

Bit is an open source build framework for components. It helps you build components that are independent and compose them into infinite features and apps. It allows you to build anything in a component-driven architecture: UI applications, backend services, and even CLI tools. It is a tool for advancing web development past the constraints of old monoliths.

What are independent components?

• You can develop and use them anywhere an standalone modules.
• Each component is versioned.
• You can import and use any component inside other components.
• Each component is built and tested independently from other components.
• The dependencies between components is managed and defined automatically by Bit.
• Each component has its own dev environment so you can develop it independently. You can customize and reuse your dev envs between components.

What are component-driven apps?

• Built from independent components that can be built in different codebase by different people.
• Your apps is a composition of components represented by a graph.
• You can add, change, or remove any component independently.
• You build and test changes only to components and their dependencies.
• You can have many components using different stacks in their dev environments or standardize your development.

• Workspace - build and compose components. The workspace is the foundation of Bit. It is where you develop and compose components. It lets you build fully distributed projects with a simple monolithic-like dev experience. Open the Workspace UI to visually develop and manage your components with ease.

• Scope - manage and scale with components. Scopes are where you push, version, and organize your components. It’s a component store. Remote Scopes let you use components across projects. You can setup and host remote Scopes on any servers. Bit.dev is an optional enterprise-grade platform for hosting and connecting all scopes and components to give teams a streamlined cross-project collaboration experience. It is highly secure and trusted by Fortune-50 teams.

To get started follow the quick-start guide or try the official Bit for React tutorial.

Install Bit Version Manager:

npm i -g @teambit/bvm
# or
yarn global add @teambit/bvm

Install Bit:

bvm install

Start a Bit workspace:

bit new react <my-workspace-name>

Install dependencies:

cd <my-workspace-name>
bit start

Open-up your browser on localhost:3000, or any other available port, and view the demo components.

Create components:

bit create react ui/button     # TypeScript
bit create react-js ui/button  # JavaScript

• Micro Frontends
• Design Systems (Component Marketplace)
• Shared Logic and Backend Functionality
• Rapid Application Development

• Videos
• Conference talks
• Interviews
• Podcasts
• Live streams
• Articles
• Community

Contributions are always welcome, no matter how large or small. Before contributing, please read the code of conduct.

See Contributing.

Apache License, Version 2.0