Barrierefreie, ungestylte Komponenten als Basis eigener Design-Systeme.
Radix UI liefert die unsichtbare, aber kniffligste Hälfte von Komponenten wie Dialogen, Menüs und Tabs. Es kümmert sich um Fokusführung, Tastaturbedienung und die richtigen ARIA-Rollen, also genau die Details, an denen selbstgebaute Komponenten gern scheitern. Das Aussehen bleibt dabei komplett dir überlassen, denn Radix liefert nur das Verhalten, kein Styling. So gestaltest du frei und ganz im Sinne der Marke, ohne bei Barrierefreiheit Kompromisse einzugehen.
Mehr in der DokumentationWann immer eine Anwendung Overlays, Dropdowns oder Tabs braucht, bauen wir auf Radix, statt das Verhalten mühsam selbst nachzubilden. So bekommst du Tastaturbedienung und korrekte ARIA-Rollen geschenkt und kannst dich aufs Aussehen konzentrieren. Das spart Zeit und macht deine Oberfläche von Anfang an zugänglich.
Gut zu wissen
Radix-Komponenten kommen bewusst ohne Styling, das ist ein Feature, kein Mangel. Über die asChild-Prop reichst du das Verhalten an dein eigenes Element weiter, statt mit vorgegebenem Markup zu kämpfen.
Weitere Werkzeuge, mit denen wir im selben Bereich arbeiten.
React
Unser bevorzugtes UI-Framework für interaktive, komponentenbasierte Oberflächen.
Next.js
Das React-Meta-Framework für SSR, Routing und beste Performance.
Angular
Strukturiertes Framework für große, langlebige Enterprise-Anwendungen.
Vue
Schlankes, zugängliches Framework für schnelle, reaktive UIs.
Svelte & SvelteKit
Kompiliertes Framework für besonders schlanke, schnelle Oberflächen.
Astro
Content-fokussierte Seiten mit minimalem JavaScript und Top-Performance.
Das musst du nicht entscheiden, das ist unser Job. Erzähl uns einfach von deinem Vorhaben.