ArkUI
Ez a nyílt forráskódú felhasználói felületi megoldás testreszabható, különféle vizuális stílusokhoz és hozzáférhetőségi szabványokhoz igazítható komponensekkel teszi lehetővé kifinomult dizájnrendszerek létrehozását.
Fej nélküli, stílus nélküli React-komponensek könyvtára, amely teljes kontrollt biztosít a jelölőkód és a CSS felett, miközben eleve magas szintű akadálymentességet és ARIA-kompatibilis működést kínál.
Összeilleszthető alapelemekből áll, slots-alapú API-val; a komponensek fa-rázásra alkalmasak, TypeScript-kompatibilisek, és bármilyen stíluskezelési módszerrel használhatók, így például Tailwind, CSS Modules, CSS-in-JS vagy egyszerű CSS mellett is.
Számos UI-mintát és alapelemet kínál, többek között harmonikát, riasztási párbeszédablakot, avatart, jelölőnégyzetet és jelölőnégyzetcsoportot, összecsukható elemet, helyi menüt, párbeszédablakot, mezőt és mezőcsoportot, űrlapot, beviteli mezőt, menüt és menüsort, mérőeszközt, navigációs menüt, számmezőt, felugró ablakot, folyamatjelzőt, választógombot, görgethető területet, választólistát, elválasztót, csúszkát, kapcsolót, füleket, értesítést, kapcsológombot és kapcsológombcsoportot, eszköztárat, elemleírást, valamint olyan segédeszközöket, mint a Direction Provider és a useRender.
A felugró komponensek React Portals használatával jelennek meg. A z-index-ütközések elkerülése érdekében elkülönített halmozási kontextus létrehozását javasolják, így a rétegelt elemek mindig az oldal tartalma fölött jelennek meg. A dokumentáció példákat tartalmaz a komponensek összeállítására, részeik kombinálására és a különböző stílusrendszerekkel való integrálásra.
MIT licenc alatt elérhető nyílt forráskódú projekt, aktív kiadásokkal, ütemtervvel és akadálymentesség-központú útmutatókkal. A dokumentáció oldalai Markdown formátumban is megtekinthetők, és nagy nyelvi modelleknek szánt segédanyagokat is tartalmaznak a kód egyszerűbb felfedezéséhez és integrálásához.
Funkciók
- Fej nélküli, stílus nélküli React-komponensek
- Alapértelmezés szerint akadálymentes, ARIA-kompatibilis működéssel
- Összeilleszthető, slots-alapú API
- Fa-rázásra alkalmas ESM-build-ek
- TypeScript-típusdefiníciók
- Működik a Tailwind, a CSS Modules, a CSS-in-JS és az egyszerű CSS használatával
- React Portals felugró ablakokhoz és rétegelt elemekhez
- Útmutató elkülönített halmozási kontextus létrehozásához a z-index-problémák elkerülésére
- Vezérelt és nem vezérelt használati minták
- Széles komponenskínálat (menük, párbeszédablakok, felugró ablakok, fülek, választólisták, csúszkák stb.)
- SSR-barát és keretrendszerfüggetlen
- MIT licencű nyílt forráskód
- Markdown formátumban elérhető dokumentáció LLM-segédanyagokkal
Kapcsolódó elemek
MaterialUI
Ez a termék sokoldalú eszközkészletet kínál React-alapú felhasználói felületek készítéséhez, a rugalmasságra és a tervezési szabványok betartására összpontosítva.
Radix Vue
Nem hivatalos Vue-port, amely testreszabható és akadálymentes UI-komponenseket kínál tervezőrendszerek létrehozásához.
PrimeVue
Gazdag nyílt forráskódú UI-komponenskészlet Vue.js-alkalmazások egyszerű és hatékony fejlesztéséhez.
Radix Primitives
Stílusozatlan, akadálymentes, nyílt forráskódú React primitívek kiváló minőségű webalkalmazásokhoz és dizájnrendszerekhez.
Vaul
Stílusozás nélküli, React-alkalmazásokba könnyen integrálható fiókkomponens, amely javítja a mobileszközökön nyújtott felhasználói élményt.
ChakraUI
Hozzon létre gyorsan és hatékonyan akadálymentes webalkalmazásokat az alapvető, könnyen használható és sokoldalúan testreszabható komponensek széles választékával.
cmdk
Ez a komponens átfogó parancsmenü-megoldást kínál Reacthez, a felhasználói élményre és a fejlesztői rugalmasságra egyaránt összpontosítva.