UI Libraries

Design systems are often based on popular UI libraries. This is also the case for component-based implementations. Unlike traditional UI libraries, a component-based solution like Bit does not take the form of a single package, published from a centralized repository. Instead, it is a collection of independent components that are hosted and collaborated on, using a Bit scope.

Since each component is independent, consumers of your components have the freedom to pick and choose specific component versions, and receive updates only for those components they choose to use.

Moreover, using Bit, product-specific scopes are able to:

1. have their own custom themes to match their sub-brands or localizations.
2. have their own UI components which inherit or extend the basic collection of UI library to match their requirements.
3. have their own UI libraries necessarily.

We will keep updating a list with more examples of component-based Vue.js UI libraries.

Here are some well-known UI Libraries from Open Source you can refer to:

• Ant Design
• Chakra UI
• Element Plus
• Headless UI
• Naive UI
• NuxtLabs UI
• Quasar
• Vuetify