ArkUI
Denne open source-brugergrænsefladeløsning gør det muligt at skabe avancerede designsystemer med tilpasningsbare komponenter, der kan tilpasses forskellige visuelle stilarter og tilgængelighedsstandarder.
Bibliotek med headless React-komponenter uden styling, der giver fuld kontrol over markup og CSS samt stærke standardindstillinger for tilgængelighed og ARIA-kompatibel funktionalitet.
Komponenterne er udviklet som sammensættelige byggeklodser med et slots-baseret API. De kan tree-shakes, er klar til TypeScript og fungerer med alle stylingmetoder, herunder Tailwind, CSS Modules, CSS-in-JS og almindelig CSS.
Biblioteket dækker en bred vifte af UI-mønstre og byggeklodser, såsom Accordion, Alert Dialog, Avatar, Checkbox og Checkbox Group, Collapsible, Context Menu, Dialog, Field og Fieldset, Form, Input, Menu og Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle og Toggle Group, Toolbar, Tooltip samt hjælpeværktøjer som Direction Provider og useRender.
Popup-komponenter bruger React Portals. Det anbefales at oprette en isoleret stablingskontekst for at undgå konflikter med z-index, så overlejringer altid vises oven på sidens indhold. Dokumentationen indeholder eksempler på samling af komponenter, sammensætning af dele og integration med forskellige stylingsystemer.
Open source under MIT-licensen med aktive udgivelser, en køreplan og vejledning med fokus på tilgængelighed. Dokumentationssider kan vises som Markdown og indeholder ressourcer, der er tilpasset LLM'er, så det bliver nemmere at udforske og integrere koden.
Funktioner
- Headless React-komponenter uden styling
- Tilgængeligt som standard med ARIA-kompatibel funktionalitet
- Sammensætteligt, slots-baseret API
- Tree-shakeable ESM-builds
- TypeScript-typninger
- Fungerer med Tailwind, CSS Modules, CSS-in-JS og almindelig CSS
- React Portals til popups og overlejringer
- Vejledning i isolering af stablingskontekster for at undgå z-index-problemer
- Mønstre for kontrolleret og ukontrolleret brug
- Bredt udvalg af komponenter (menuer, dialoger, popovers, faner, select-felter, skydere osv.)
- SSR-venligt og framework-uafhængigt
- Open source under MIT-licensen
- Dokumentation fås som Markdown med LLM-hjælpemidler
Relaterede elementer
MaterialUI
Dette produkt tilbyder et omfattende sæt værktøjer til at bygge brugergrænseflader i React med fokus på fleksibilitet og overholdelse af designstandarder.
Radix Vue
En uofficiel Vue-port med tilpasselige og tilgængelige UI-komponenter til udvikling af designsystemer.
PrimeVue
Et omfattende sæt open source-brugergrænsefladekomponenter, der gør det nemt og effektivt at udvikle Vue.js-applikationer.
Radix Primitives
Ustylede, tilgængelige React-primitiver med open source til webapps og designsystemer i høj kvalitet.
Vaul
En drawer-komponent uden indbygget styling, der er skræddersyet til problemfri integration i React-applikationer og forbedrer interaktionen på mobilenheder.
ChakraUI
Byg hurtigt og effektivt tilgængelige webapplikationer med et solidt udvalg af essentielle komponenter, der er nemme at bruge og meget tilpasselige.
cmdk
Denne komponent er en komplet løsning til kommandomenuer i React med fokus på både brugeroplevelse og fleksibilitet for udviklere.