bit.dev Open in urlscan Pro
2606:4700::6812:1bd2  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Docs
Reference
Components
Teams
Enterprise
Docs
Reference
Components
Teams
Enterprise

Blog·
Inspect
Get Started

DocsReferenceComponentsTeamsEnterpriseBlog
Get Started


🎉

Announcing Bit v1.0, a beginning of a new era in component-driven software.
Learn more.


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
$ bit tag ui/heading


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.communityui/heading1.96.
24
SOFTWARE. DECENTRALIZED.

A next-generation build system for composable software.

teambit.designui/buttons/button
Get Started
teambit.documenterui/copy-box
npx @teambit/bvm install
Copied
bit.cloud
A development platform for composable products
Loved by developers from the world's best teams

MEET THE BIT COMPONENT
teambit.communityintroduction/meet-bit-component


BUILD ANYWHERE.
USE EVERYWHERE.

An isolated and reusable unit of software. Seamless to use as a package, modify
or deploy.

meet-bit-component0.0.17


ui/pages/homepage1.96.42


apps/bit-dev1.97.12



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


DEV. BUILD. COLLABORATE.

dev


YOUR PERSONAL WORKSPACE

A modern, lean, and dynamic development workspace. It includes only the
components you need and scales to every demand.
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
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

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

Export component changes and keep everyone in sync.
$ bit export
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



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.
$ bit lane merge teambit.community
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

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/bitbit-dev-community@bit.dev_bit.dev
Open Source
DocsContributingPrivacy
Get Started With
ReactAngularVueNodeJsReact Native
Community
SlackStack OverflowBlogIssues
Bit Cloud
Bit CloudBit For TeamsBit For EnterpriseBook a Demo
Follow Us
BitYouTubeTwitterGithub
© 2023 Cocycles Ltd.Privacy Policy