Base UI

Base UI ist eine Bibliothek ungestylter, barrierefreier React-Komponenten, entwickelt vom MUI-Team — den Machern von Material UI. Im Gegensatz zu vorgestylten Komponentenbibliotheken, die ein bestimmtes Aussehen vorgeben, verfolgt Base UI einen Headless-Ansatz: Es liefert die komplette Funktionalität und das Verhalten ohne jegliches CSS. Entwickler behalten so die volle Kontrolle über das Design ihrer Oberfläche, ohne gegen vorgegebene Standardstile ankämpfen zu müssen.

Jede Base-UI-Komponente ist mit Barrierefreiheit als oberster Priorität gebaut. Die Bibliothek folgt den WAI-ARIA-Richtlinien und gewährleistet korrekte Tastaturnavigation, Fokusverwaltung und Screenreader-Unterstützung ab Werk. Zu den Komponenten gehören Buttons, Menüs, Dialoge, Tabs, Slider, Select-Dropdowns und Formularelemente. Da kein Styling mitgeliefert wird, können Entwickler jeden beliebigen CSS-Ansatz einsetzen — Tailwind CSS, CSS Modules, styled-components oder reines CSS — und ein Design-System aufbauen, das wirklich ihr eigenes ist.

Ursprünglich als MUI Base (@mui/base) bekannt, ist das Projekt heute als eigenständiges Paket unter dem Namen Base UI verfügbar. Die vollständige Dokumentation mit Einstiegsanleitungen findet sich auf base-ui.com, und der Quellcode ist offen auf GitHub zugänglich.