Monthly Downloads: 0
Programming language: TypeScript
License: GNU General Public License v3.0 or later
Latest version: v14.8.9-dev.1
Add another 'Component Managment' Library


Documentation | Platform | Learn

Build anything in components

Componentize modern app development, build modular systems and applications, and move components from app to app.

What is Bit?

Bit is an open tool for web developers to build and collaborate on component-driven applications. It enables modern apps to be quickly assembled from components and eliminates the friction around developing together or working on more than one app. You can think of Bit as a way to develop entire web apps in a way similar to how microservices build your backend.

Bit consists of a workspace (with UI) where component are developed, managed, and integrated. In the workspace you build can fully distributed projects with a simple monolithic-like dev experience. A single workspace can easily host and manage many components even using different stacks and frameworks.

Each component has an isolated dev environment so it is independently developed, tested, built, and run anywhere you need it. Each component is versioned and can be independently deployed. Dependencies between components are automatically defined and managed by Bit, using smart graph versioning, making it simple to incrementally update and build changes to many components.

Scopes help you store and organize components. Remote scopes (on bit cloud or your own server) make it easy to move components from app to app or between teams, share and discover components, and collaborate to stay in sync.

Why do developers like Bit?

Modern applications are already built with components. But, the tools used to build them were build to develop, version, and deploy entire projects and not the components within them. As a result, developers are forced to build component-driven applications in a monolithic way, which is painful and highly inefficient. They seek solutions such as Component Libraries and Micro Frontends to try and build in a more modular and distributed way, split development, or share components.

With Bit you don't have these problems. Bit gives developers a great experience for building components and composing them into infinite features and applications, making modern web development not only faster but also more distributed, collaborative, scalable, and consistent.

Why do organizations need Bit?

When you build many applications with many teams, and every team works inside a monolith oblivious of other people's components, development becomes slow and inconsistent. Bit helps organizations take control of their components, standardize their development (with features like custom component generators and dev envs), and collaborate to achieve speed and consistency. It makes teams more autonomous to build and ship components and at the same time collaborate through a central hub for components.

Here are 4 popular use-cases many organizations choose to start with.

How to Start?

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

Popular Onboarding Use-Cases

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

Resources & Community

Contributing 🎗️

Contributions are always welcome, no matter how large or small. Before contributing, please read the [code of conduct](CODE_OF_CONDUCT.md).

See [Contributing](CONTRIBUTING.md).

License 💮

Apache License, Version 2.0 Analytics

*Note that all licence references and agreements mentioned in the Bit README section above are relevant to that project's source code only.