Base Web React UI Framework

Base Web is a foundation for initiating, evolving, and unifying web products.

Setup Base Web

Base Web is distributed as an npm package. As Base Web is built on top of a CSS-in-JS engine, all you need is the dependencies from npm.

Setup Base Web

Learning Base Web

Probably the best way to learn Base Web is by start building an application using it. On this page, you’ll find a simple and a more complex app built using Base Web.

Learn more

Components

Base Web provides a robust suite of components out of the box. These include complex, ready to use components such as the Datepicker and low-level composable primitives, such as Layer.

For an overview of everything that we offer, check out the component gallery.

Extensibility

Through the Overrides API and configurable Themes, Base Web provides you with an extreme level of customization. No matter if you want to modify a component in one place only, or you want to build your design system on top of Base Web, we have the options for you.

Built-in Accessibility

Base Web does the heavy lifting for you—components are built with accessibility being a first-class citizen.

Performance

Styletron is the CSS-in-JS engine powering Base Web. Based on our benchmarks, this is one of the fastest solutions.

Figma Communities

You can find all the Base Web components on Figma Communities.This should help your design team adopt Base Web, while engineers can use the React implementation.

Who is using Base Web?

Please let us know if you are using Base Web!

Thanks to our 150 contributors