ArkUI
Den här UI-lösningen med öppen källkod gör det möjligt att skapa avancerade designsystem med anpassningsbara komponenter som kan utformas för olika visuella stilar och tillgänglighetsstandarder.
Ett bibliotek med headless React-komponenter utan fördefinierad stil, som ger full kontroll över markup och CSS samtidigt som de har starka tillgänglighetsinställningar som standard och följer ARIA.
Komponenterna är utformade som kombinerbara byggstenar med ett API baserat på slots. De kan trädskakas, är redo för TypeScript och fungerar med alla metoder för styling, inklusive Tailwind, CSS Modules, CSS-in-JS och vanlig CSS.
Biblioteket täcker många UI-mönster och grundkomponenter, till exempel Accordion, Alert Dialog, Avatar, Checkbox och Checkbox Group, Collapsible, Context Menu, Dialog, Field och Fieldset, Form, Input, Menu och Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle och Toggle Group, Toolbar och Tooltip, samt verktyg som Direction Provider och useRender.
Popup-komponenter använder React Portals. För att undvika konflikter med z-index rekommenderas en isolerad staplingskontext, så att överlagringar alltid visas ovanför sidinnehållet. Dokumentationen innehåller exempel på hur komponenter sätts ihop, hur delar kombineras och hur de integreras med olika stylingsystem.
Biblioteket är öppen källkod under MIT-licensen och har aktiva utgåvor, en färdplan och vägledning med fokus på tillgänglighet. Dokumentationssidor kan visas som Markdown och innehåller resurser anpassade för LLM:er som gör det enklare att utforska och integrera koden.
Funktioner
- Headless React-komponenter utan fördefinierad stil
- Tillgängliga som standard och följer ARIA
- Kombinerbart API baserat på slots
- ESM-byggen som kan trädskakas
- TypeScript-typdefinitioner
- Fungerar med Tailwind, CSS Modules, CSS-in-JS och vanlig CSS
- React Portals för popup-fönster och överlagringar
- Vägledning om isolerade staplingskontexter för att undvika z-index-problem
- Mönster för både kontrollerad och okontrollerad användning
- Brett komponentutbud (menyer, dialogrutor, popover-fönster, flikar, väljare, skjutreglage med mera)
- SSR-vänligt och ramverksoberoende
- Öppen källkod under MIT-licensen
- Dokumentation i Markdown med LLM-hjälpmedel
Relaterade objekt
MaterialUI
Den här produkten erbjuder en robust verktygssamling för att bygga användargränssnitt i React, med fokus på flexibilitet och att följa designstandarder.
Radix Vue
En inofficiell Vue-portering med anpassningsbara och tillgängliga UI-komponenter för att bygga designsystem.
PrimeVue
Ett omfattande utbud av UI-komponenter med öppen källkod, särskilt utformade för att enkelt och effektivt bygga Vue.js-applikationer.
Radix Primitives
Ostilade, tillgängliga React-primitiver med öppen källkod för webbappar och designsystem av hög kvalitet.
Vaul
En ostylad drawer-komponent som är utformad för smidig integrering i React-applikationer och förbättrar användarinteraktioner på mobila enheter.
ChakraUI
Skapa snabbt och effektivt tillgängliga webbapplikationer med en gedigen uppsättning viktiga komponenter som är enkla att använda och mycket anpassningsbara.
cmdk
Den här komponenten är en komplett lösning för kommandomenyer i React med fokus på både användarupplevelse och flexibilitet för utvecklare.