About Sveltery Base

An open-source Svelte component library for building accessible user interfaces.

Sveltery Base is an unstyled Svelte 5 component library for building accessible user interfaces. It is an unofficial port of Base UI, the React library from the creators of Radix, Material UI, and Floating UI, and follows Base UI v1.9.0. Our focus is on accessibility, performance, and developer experience. Our goal is to bring Base UI's complete set of open-source UI components to Svelte, with the same behavior and a native Svelte developer experience.

Features

Headless

Sveltery Base components are unstyled, don't bundle CSS, and don't prescribe a styling solution. You retain complete control over your application's CSS layer. Sveltery Base is compatible with Tailwind, plain CSS, scoped Svelte styles, 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. Sveltery Base ports Base UI's behavior, which adheres to WAI-ARIA design patterns, and tests each component against the matching Base UI component.

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

Sveltery Base would not exist without Base UI. The component behavior, the API design, and much of this documentation come from the Base UI team and its contributors, under the MIT license. Sveltery Base is not affiliated with or endorsed by MUI or Base UI.

Browser support

Sveltery Base ports Base UI's code, so it targets the same browsers: those that implement features marked as Baseline Widely Available at the time of Base UI's 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 Base UI's .browserslistrc.