ArkUI
Toto open-source řešení uživatelského rozhraní umožňuje vytvářet propracované designové systémy pomocí přizpůsobitelných komponent, které lze upravit pro různé vizuální styly a standardy přístupnosti.
Knihovna bezhlavých React komponent bez stylů, které poskytují plnou kontrolu nad značkami a CSS a zároveň zajišťují vysokou úroveň přístupnosti ve výchozím nastavení a chování v souladu s ARIA.
Komponenty jsou navrženy jako skládací stavební prvky s API založeným na slotech. Lze je odstranit při optimalizaci stromu závislostí, jsou připravené pro TypeScript a fungují s jakýmkoli přístupem ke stylování, včetně Tailwind, CSS Modules, CSS-in-JS nebo běžného CSS.
Knihovna pokrývá širokou škálu vzorů a základních UI prvků, jako jsou Accordion, Alert Dialog, Avatar, Checkbox a Checkbox Group, Collapsible, Context Menu, Dialog, Field a Fieldset, Form, Input, Menu a Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle a Toggle Group, Toolbar, Tooltip a také nástroje jako Direction Provider a useRender.
Vyskakovací komponenty používají React Portals a doporučují vytvořit izolovaný kontext vrstvení, aby se předešlo konfliktům z-indexu a překryvné prvky se vždy zobrazovaly nad obsahem stránky. Dokumentace obsahuje příklady skládání komponent, kombinování jejich částí a integrace s různými systémy stylování.
Knihovna je open source pod licencí MIT a nabízí pravidelná vydání, plán dalšího vývoje a pokyny zaměřené na přístupnost. Stránky dokumentace lze zobrazit jako Markdown a obsahují zdroje vhodné pro LLM, které usnadňují prozkoumávání kódu a integraci.
Funkce
- Bezhlavé React komponenty bez stylů
- Přístupné ve výchozím nastavení, s chováním v souladu s ARIA
- Skládací API založené na slotech
- ESM sestavení s možností odstranění nepoužitých částí
- Typové definice pro TypeScript
- Funguje s Tailwind, CSS Modules, CSS-in-JS nebo běžným CSS
- React Portals pro vyskakovací a překryvné prvky
- Pokyny k izolaci kontextu vrstvení, které pomáhají předcházet problémům se z-indexem
- Vzory použití s řízením i bez něj
- Široká nabídka komponent (nabídky, dialogy, vyskakovací okna, karty, výběry, posuvníky atd.)
- Vhodné pro SSR a nezávislé na frameworku
- Open source pod licencí MIT
- Dokumentace dostupná jako Markdown s pomocnými nástroji pro LLM
Související položky
MaterialUI
Tento produkt nabízí robustní sadu nástrojů pro tvorbu uživatelských rozhraní v Reactu se zaměřením na flexibilitu a dodržování designových standardů.
Radix Vue
Neoficiální port pro Vue, který nabízí přizpůsobitelné a přístupné komponenty uživatelského rozhraní pro tvorbu návrhových systémů.
PrimeVue
Široká nabídka open source UI komponent pro snadné a efektivní vytváření aplikací ve Vue.js.
Radix Primitives
Nestylované, přístupné a open source základní komponenty Reactu pro kvalitní webové aplikace a designové systémy.
Vaul
Nenastylovaná komponenta výsuvného panelu pro snadnou integraci do aplikací React, která zlepšuje interakce s uživateli na mobilních zařízeních.
ChakraUI
Vytvářejte přístupné webové aplikace rychle a efektivně pomocí robustní sady základních komponent, které se snadno používají a lze je výrazně přizpůsobit.
cmdk
Tato komponenta nabízí komplexní řešení příkazové nabídky pro React se zaměřením na uživatelský zážitek i flexibilitu pro vývojáře.