ArkUI
Šis atvirojo kodo naudotojo sąsajos sprendimas leidžia kurti pažangias dizaino sistemas naudojant tinkinamus komponentus, pritaikomus įvairiems vizualiniams stiliams ir prieinamumo standartams.
BaseUI
Komponentas
Nepriklausomų nuo išvaizdos React komponentų biblioteka be iš anksto nustatytų stilių, suteikianti visišką žymėjimo ir CSS kontrolę bei užtikrinanti aukštą prieinamumo lygį pagal numatytuosius nustatymus ir ARIA reikalavimus atitinkantį veikimą.
Komponentai sukurti kaip komponuojami primityvai su lizdais pagrįsta API. Juos galima pašalinti, jei jie nenaudojami, jie paruošti TypeScript ir veikia su bet kokiu stilių formavimo būdu, įskaitant Tailwind, CSS Modules, CSS-in-JS ar paprastą CSS.
Palaikoma daug UI šablonų ir primityvų: Accordion, Alert Dialog, Avatar, Checkbox ir Checkbox Group, Collapsible, Context Menu, Dialog, Field ir Fieldset, Form, Input, Menu ir Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle ir Toggle Group, Toolbar, Tooltip, taip pat tokios priemonės kaip Direction Provider ir useRender.
Iššokantieji komponentai naudoja React Portals. Rekomenduojama sukurti atskirtą sluoksniavimo kontekstą, kad būtų išvengta z-index konfliktų ir perdangos visada būtų rodomos virš puslapio turinio. Dokumentacijoje pateikiama komponentų surinkimo, jų dalių komponavimo ir integravimo su įvairiomis stilių sistemomis pavyzdžių.
Atvirojo kodo biblioteka platinama pagal MIT licenciją, reguliariai atnaujinama, joje pateikiamas planas ir prieinamumui skirti patarimai. Dokumentacijos puslapius galima peržiūrėti kaip Markdown. Taip pat pateikiami LLM pritaikyti ištekliai, palengvinantys kodo tyrinėjimą ir integravimą.
Funkcijos
- Nepriklausomi nuo išvaizdos React komponentai be iš anksto nustatytų stilių
- Prieinami pagal numatytuosius nustatymus, veikia pagal ARIA reikalavimus
- Komponuojama, lizdais pagrįsta API
- Tree-shakeable ESM versijos
- TypeScript tipų aprašai
- Veikia su Tailwind, CSS Modules, CSS-in-JS ir paprastu CSS
- React Portals iššokantiems langams ir perdangoms
- Patarimai, kaip atskirti sluoksniavimo kontekstą ir išvengti z-index problemų
- Valdomo ir nevaldomo naudojimo šablonai
- Platus komponentų pasirinkimas (meniu, dialogai, iššokantys langai, skirtukai, pasirinkimo laukai, slankikliai ir kt.)
- Pritaikyta SSR ir nepriklausoma nuo sistemos
- Atvirojo kodo MIT licencija
- Dokumentacija pateikiama Markdown formatu, su LLM pagalbinėmis priemonėmis
Susiję elementai
MaterialUI
Šis produktas siūlo patikimą React sąsajų kūrimo įrankių rinkinį, kuriame daug dėmesio skiriama lankstumui ir dizaino standartų laikymuisi.
Radix Vue
Neoficiali Vue versija su pritaikomais ir prieinamais UI komponentais dizaino sistemoms kurti.
PrimeVue
Platus atvirojo kodo naudotojo sąsajos komponentų rinkinys, skirtas sklandžiai ir efektyviai kurti Vue.js programas.
Radix Primitives
Nestilizuoti, prieinami atvirojo kodo React primityvai kokybiškoms žiniatinklio programoms ir dizaino sistemoms.
Vaul
Nesukurto stiliaus išstumiamos plokštės komponentas, lengvai integruojamas į React programas ir pagerinantis sąveiką su naudotojais mobiliuosiuose įrenginiuose.
ChakraUI
Greitai ir efektyviai kurkite prieinamas žiniatinklio programas naudodami patikimą būtiniausių komponentų rinkinį, kurį lengva naudoti ir lengva pritaikyti.
cmdk
Šis komponentas – visapusiškas komandų meniu sprendimas React programoms, kuriame daug dėmesio skiriama ir naudotojo patirčiai, ir kūrėjų lankstumui.