Docs
Reference
Components
Teams
Enterprise
Docs
Reference
Components
Teams
Enterprise
Blog
·
Inspect
Get Started
Docs
Reference
Components
Teams
Enterprise
Blog
Get Started
community/ui
hero
1.17.
1
community/ui/pages
homepage
1.17.
1
community/apps
bit-dev
1.95.
8
design/ui/content
heading
2.2.
2
base-react/buttons
button
2.0.
4
base-react/navigation
link
1.2.
10
community/entity
hero-graph
1.3.
2
typescript/
typescript
1.3.
2
defender/
eslint
1.2.
2
react/
react
2.0.
2
defender/
jest
3.2.
2
ecommerce/
store
1.3.
2
ecommerce/
cart
1.3.
2
ecommerce/
hero
1.1.
6
ecommerce/
product
1.3.
2
mdx/
mdx
3.1.
3
mdx/modules
mdx-loader
3.1.
3
mdx/modules
mdx-compiler
1.0.
13
teambit.community
ui/heading
1.96.
24
Software.
Composed.
Bit is the simplest way to build
composable software
. Build and reuse components at lightning speed.
teambit.design
ui/buttons/button
Get Started
teambit.documenter
ui/copy-box
npx @teambit/bvm install
Copied
*It's open source and free!
The
Bit
Platform
The Bit Platform
Jump to lightning speed with the new Bit platform.
Loved by developers from the world's best teams
MEET THE
BIT COMPONENT
teambit.community
introduction/meet-bit-component
Build anywhere.
Use everywhere.
A composable and reusable unit of software. Seamless to use as a package, modify or deploy.
meet-bit-component
0.1.5
ui/pages/
homepage
1.96.43
apps/
bit-dev
2.0.48
Expressive naming
Meaningful naming for components. Organize your components in a flexible taxonomy and ownership.
Simplified dependencies
Dependencies are automatically set and updated. Avoid redundant configuration files and missteps.
Automatic versioning
Seamless versioning for components according to dependency changes. Avoid cumbersome dependency configurations.
Zero configuration
Build and manage your development configuration files from a reusable dev environment.
Modify anywhere
Access and edit code from every project. Remove boundaries and ease the contribution for components.
Use everywhere
Components are automatically available as packages, ready to be used, or deployed in runtime.
Create your first component >
Shift from monolithic to
composable software
to start compounding progress
Get started
with your composable project:
Reusable Components
QUICK START
Design Systems
QUICKSTART
Micro Frontends
LEARN MORE
Backend Services
LEARN MORE
Composable Platforms
QUICKSTART
Shell Applications
QUICKSTART
dev
Build components. Anywhere.
Bit fits anywhere needed. Use it to start building components in your existing projects or for creating new composable projects.
Create new components
using pre-built or custom templates for any type of component.
1
$
bit create react ui/button
2
1 component(s) were created
3
4
teambit.design/ui/button
5
location: design/ui/button
6
env: teambit.react/react (set by template)
7
package: @teambit/design.ui.button
8
9
10
Build components
of different types, using a unified dev experience.
compile
test
lint
build
1
$
bit compile
2
STATUS
COMPONENT ID
3
✔ SUCCESS envs/aspect
4
✔ SUCCESS account
5
6
✔ 353/353 components compiled successfully.
7
8
9
10
11
Release component
changes and keep everyone up to date.
$
b
apps
bit-dev
2.0.0
ui/header
header
0.1.0
pages
homepage
0.1.0
ui
community-docs
1.0.0
constants
links
0.0.6
sections
section
0.1.0
sections
agenda
0.1.0
entities
docs-routes
1.95.13
sections
value
0.1.0
sections
before-after
0.1.0
sections
intro
0.1.0
introduction
meet-bit-component
0.1.0
Import components
to fork or change existing components.
$
bit import teambit.design/ui/cli-snippet
apps
bit-dev
2.0.0
* Modified
ui/header
header
0.1.0
pages
homepage
0.1.0
* Modified
ui
community-docs
1.0.0
constants
links
0.0.6
sections
section
0.1.0
sections
agenda
0.1.0
Up to date
entities
docs-routes
1.95.13
sections
value
0.1.0
sections
before-after
0.1.0
sections
intro
0.1.0
introduction
meet-bit-component
0.1.0
Ripple CI
Up to date. Lightning speed.
Learn more
Dependencies.
Made simple.
Use dependencies. Stay decoupled. Seamless experience.
Descriptive module names.
Use components through descriptive package names. No aliases required.
import
{
Page
}
from
"@teambit/base-react.pages.page"
;
import
{
SectionGrid
}
from
"@teambit/design.sections.section"
;
import
{
Section
}
from
"@teambit/design.content.section-card"
;
import
{
AgendaFold
}
from
"@teambit/design.sections.agenda-fold"
;
import
{
CaptionTitle
}
from
"@teambit/design.content.caption-title"
;
import
{
Closer
}
from
"@teambit/community.sections.closer"
;
Automatic dependency detection.
Say goodbye to cumbersome configuration files.
ui
header
1.1.0
pages
homepage
1.1.0
constants
links
0.0.6
Resolving to dependency type and version
import
{
Homepage
}
from
"@teambit/community.pages.homepage"
;
import
{
links
}
from
"@teambit/community.constants.links"
;
import
{
Header
}
from
"@teambit/community.ui.header"
;
Update without breaking a thing.
Bit provides fluent control over your dependencies and dependents. At any depth.
Import
Import dependents or dependencies to make changes in a single command.
Semantic Versioning
Tagged component versions are always immutable. No surprises.
Policies
Control which components should be automatically updated, when, and where.
Automatic Updates
Automatically updates dependents on your workspace
ui
community-docs
1.0.0
docs
vue-todomvc-quick-start
1.0.0
examples/todomvc
app
2.0.0
examples/todomvc
header
0.1.0
examples/todomvc
footer
0.1.0
examples/todomvc
todo-list
0.0.16
examples/todomvc
todo-store
0.1.0
examples/todomvc
todo
0.1.0
examples/todomvc
toggle-all
0.1.0
examples/todomvc
todo-entity
0.0.1
build
Your composable development environment.
Build and reuse your development environments and keep evolving your dev experience.
Composable
Compose a development environments using your favorite dev tools.
Reusable
Reuse the same development environments across all of your components.
envs/my-react
1.3.2
envs/my-node
1.3.2
ui/header
header
1.1.0
ui/pages
homepage
1.1.0
entity
links
1.1.0
Workspace starters
Create your own workspace starters for building new components.
Component templates
Use templates to make development of new components repeatable and easy.
envs/my-react
1.3.2
react-hook
react-app
react-env
react-component
collaborate
Share. Use. Contribute.
Every component is an asset
with auto-generated docs and component previews.
Use components created by others
and consume them in any way you like.
Use Component
Add radio as a dependency
bit install @teambit/design.ui.radio
Copied
Import radio to your workspace
bit import teambit.design/ui/radio
Copied
Fork radio to your workspace
bit fork teambit.design/ui/radio
Copied
Install Bit on your computer
Install bit version manager
npm i -g @teambit/bvm
Copied
Install bit
bvm install
Copied
Learn more
Impactful contribution. Make simple changes.
Propose and change components to introduce new features, in collaboration with others.
Merge! Whole or Partial
Merge components on your way to shipping a larger change.
Visual Compare
Tagged component versions are always immutable. No surprises.
Dependencies changes
You don’t need to know every piece of code out there to make a simple change.
Add your team to Bit Cloud
Whenever you need, you can work on Bit Cloud platform to collaborate with your team.
$
b
apps
bit-dev
7541e7
* Affected
ui/header
header
0.1.0
pages
homepage
562032
* Modified
ui
community-docs
1.0.0
constants
links
0.0.6
sections
section
0.0.1
ui
hero
3hjy72
* Modified
entities
docs-routes
1.95.13
sections
value
0.1.0
ui/buttons
button
f678eh
new
sections
cta
6e97f4
* deprecated
THE BIT PLATFORM
An entire suite for your composable needs
Learn more
PACKAGES
CHANGE REQUESTS
GRAPH
ANALYTICS
extend
Extend Bit to meet every need
Bit is entirely composable, and fully extensible. That's because Bit is built with Bit! Compose Bit into any workflow or tech stack.
Composable
Recompose Bit with a variety of community aspects.
Multi-runtime
Extend the Bit CLI, UI or API and create your own ultimate dev experience.
Built in components
We use Bit to build Bit, so you can enjoy all the advantages
Driven by the community
Use and contribute to dozens of community driven aspects, and create your own.
Ready for a
fresh start?
Get Started
npx @teambit/bvm install
Copied
100K
Developers
250+
Community plugins
16K+
Github stars
Connect your
entire team
Check out Bit Cloud, a development platform for innovative teams, building composable products.
Bit for teams
Join the 100,000 developers building composable software together.
Meet the world’s largest open-source component community with over 60,000 components and growing.
teambit/bit
bit-dev-community
@bit.dev_
bit.dev