About Base UI Solid

An unofficial Solid port of Base UI for building accessible user interfaces.

Base UI Solid is an unofficial port of Base UI to Solid 2.0. Base UI is an unstyled React component library for building accessible user interfaces, created by the team behind Radix, Material UI, and Floating UI. This port is not affiliated with or endorsed by the Base UI team.

The port follows upstream file by file: components keep the same parts, props, data attributes, CSS variables, and behavior, and the upstream test suite is ported alongside them. Where React and Solid differ, the port adapts the API to Solid (for example class instead of className, and reactive accessors instead of hooks).

Features

Headless

Base UI components are unstyled, don’t bundle CSS, and don’t prescribe a styling solution. You retain complete control over your application’s CSS layer. Base UI is compatible with Tailwind, CSS Modules, plain CSS, CSS-in-JS, or any other styling engine you prefer.

Accessible

Poor accessibility can make your application difficult to navigate for all users, not just for users with disabilities. Accessibility is our primary focus. Base UI components adhere to WAI-ARIA design patterns and are tested on a wide range of platforms, devices, browsers, screen readers, and other environments.

Composable

Component APIs are fully open, so you have direct access to each node, you can easily add or remove parts, and you can wrap them however you prefer.

Credits

The component design, behavior, accessibility work, documentation, and demos come from the upstream Base UI project and its team. Base UI is licensed under the MIT license.

Browser support

Base UI supports all modern browsers that implement features marked as Baseline Widely Available at the time of the last major version release. This means the features we use have been supported across major browsers for at least 30 months, ensuring broad compatibility and stability.

For the full list of supported browsers, refer to our .browserslistrc.