Nested Overrides Playground

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

The best way to learn Base Web is to start building an application using it. Click on the link below to find 2 apps built using Base Web (one simple, one more complex).
Learn more


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

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


Through the Overrides API and configurable Themes, Base Web offers an extreme level of customization. Whether 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 options.

Built-in accessibility

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


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

Figma Community

You can find all the Base Web components on Figma Community. 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 188 contributors