screenshot of Evangelist


React components used to build the bit.dev marketing website.


The marketing components of bit.dev are a set of reusable React components that are used to build the bit.dev marketing website. These components are created and exposed using Bit, allowing them to be integrated into different pages and applications. The marketing components are organized into different categories, such as Pages, Sections, Content, and Atom components, each serving a specific purpose in creating the website.


  • Component Collection: All components in the frontend codebase are authored and exposed using Bit, allowing developers to choose and use any component from the marketing components collection.
  • Install Independent Components: Developers can install individual components using the command bbit install to explore and modify them according to their own needs.
  • Live Playground: The documentation provides a live playground where developers can try out any component hands-on and see how it works in different scenarios.


To install and use the bit.dev marketing components, follow these steps:

  1. Install Bit globally: npm install @teambit/bit --global
  2. Clone the Bit Workspace repository: git clone [workspace-url] [workspace-folder]
  3. Navigate to the workspace directory: cd [workspace-folder]
  4. Install all packages and import all components: bbit install
  5. Run the Workspace UI to explore the components: bbit start and go to https://localhost:3000


The marketing components of bit.dev are a set of reusable React components that are used in building the bit.dev marketing website. These components are organized into different categories and can be installed and modified individually using Bit. With features like a component collection, installation of independent components, and a live playground, developers can easily integrate these components into their own projects and customize them according to their requirements.


React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components


SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.


TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.