Mantine

Mantine ist eine React-UI-Bibliothek, die das meiste, was eine Anwendung braucht, schon mitbringt: Eingabefelder, Buttons, Overlays, Navigation, Datenanzeige und Layout-Komponenten, alle barrierefrei und über ein einziges Theme-Objekt anpassbar, mit eingebautem Dark Mode. Gestylt wird mit einfachen CSS Modules und CSS-Variablen, daher funktioniert es mit Server Components und braucht keine CSS-in-JS-Runtime.

Neben dem Kern ergänzen separate Pakete Formular-State-Management, Datepicker, Charts, Benachrichtigungen, eine Spotlight-Befehlspalette, Dropzones und einen Rich-Text-Editor, und @mantine/hooks ist auch einzeln nutzbar. Passt zu React- und Next.js-Teams, die ein vollständiges, einheitliches Komponentenset wollen, statt es aus vielen Bibliotheken zusammenzustellen.