Building a Drag and Drop List

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


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.


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.


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

Who is using Base Web?

Thanks to our contributors