ArkUI
Toto open-source riešenie používateľského rozhrania umožňuje vytvárať prepracované dizajnové systémy pomocou prispôsobiteľných komponentov, ktoré možno upraviť podľa rôznych vizuálnych štýlov a štandardov prístupnosti.
Knižnica bezhlavých React komponentov bez predvoleného štýlu, ktorá poskytuje úplnú kontrolu nad značkami a CSS a zároveň ponúka vysokú úroveň prístupnosti v predvolenom nastavení a správanie v súlade s ARIA.
Komponenty sú navrhnuté ako skladateľné stavebné prvky s API založeným na slotoch. Možno z nich odstrániť nepoužitý kód, sú pripravené na TypeScript a fungujú s akýmkoľvek prístupom k štýlovaniu vrátane Tailwind, CSS Modules, CSS-in-JS alebo čistého CSS.
Knižnica pokrýva širokú škálu vzorov a základných prvkov používateľského rozhrania, napríklad 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 a Tooltip, ako aj pomocné nástroje, napríklad Direction Provider a useRender.
Vyskakovacie komponenty používajú React Portals a odporúčajú vytvoriť izolovaný kontext vrstvenia, aby sa predišlo konfliktom z-index a prekrytia sa vždy zobrazovali nad obsahom stránky. Dokumentácia obsahuje príklady skladania komponentov a ich častí aj integrácie s rôznymi systémami štýlovania.
Knižnica je otvoreným softvérom s licenciou MIT a aktívne sa aktualizuje. Ponúka plán ďalšieho vývoja a pokyny zamerané na prístupnosť. Stránky dokumentácie možno zobraziť ako Markdown a obsahujú zdroje prispôsobené pre LLM, ktoré uľahčujú skúmanie a integráciu kódu.
Funkcie
- Bezhlavé React komponenty bez predvoleného štýlu
- Predvolená prístupnosť a správanie v súlade s ARIA
- Skladateľné API založené na slotoch
- Zostavenia ESM s odstránením nepoužitého kódu
- Typové definície TypeScriptu
- Funguje s Tailwind, CSS Modules, CSS-in-JS aj čistým CSS
- React Portals pre vyskakovacie okná a prekrytia
- Pokyny na izoláciu kontextu vrstvenia, aby sa predišlo problémom so z-index
- Vzory používania s riadením aj bez neho
- Široký výber komponentov (ponuky, dialógové okná, vyskakovacie okná, karty, výberové polia, posuvníky atď.)
- Vhodné pre SSR a nezávislé od frameworku
- Otvorený softvér s licenciou MIT
- Dokumentácia dostupná vo formáte Markdown s pomocníkmi pre LLM
Súvisiace položky
MaterialUI
Tento produkt ponúka súbor výkonných nástrojov na tvorbu používateľských rozhraní v Reacte so zameraním na flexibilitu a dodržiavanie dizajnových štandardov.
Radix Vue
Neoficiálny port pre Vue, ktorý ponúka prispôsobiteľné a prístupné komponenty používateľského rozhrania na tvorbu dizajnových systémov.
PrimeVue
Bohatá sada open source komponentov používateľského rozhrania na jednoduché a efektívne vytváranie aplikácií Vue.js.
Radix Primitives
Neštýlované, prístupné open source primitíva React na tvorbu kvalitných webových aplikácií a dizajnových systémov.
Vaul
Neštýlovaná komponenta vysúvacieho panela navrhnutá na bezproblémovú integráciu do aplikácií React, ktorá zlepšuje interakcie používateľov na mobilných zariadeniach.
ChakraUI
Vytvárajte prístupné webové aplikácie rýchlo a efektívne pomocou súpravy základných komponentov, ktoré sa ľahko používajú a dajú sa prispôsobiť.
cmdk
Ta komponenta ponuja celovito rešitev za ukazni meni v Reactu, pri čemer se osredotoča tako na uporabniško izkušnjo kot na prilagodljivost za razvijalce.