ArkUI
Šis atvērtā pirmkoda lietotāja saskarnes risinājums ļauj veidot izsmalcinātas dizaina sistēmas, izmantojot pielāgojamus komponentus, kurus var pielāgot dažādiem vizuālajiem stiliem un piekļūstamības standartiem.
Bezgalvas, nestilizētu React komponentu bibliotēka, kas nodrošina pilnīgu kontroli pār iezīmējumu un CSS, vienlaikus piedāvājot augstu pieejamību pēc noklusējuma un ARIA prasībām atbilstošu darbību.
Komponenti ir veidoti kā kombinējami pamatelementi ar slots API. Tos var izņemt no ESM būvējumiem, tie ir gatavi darbam ar TypeScript un darbojas ar jebkuru stila veidošanas pieeju, tostarp Tailwind, CSS Modules, CSS-in-JS vai parastu CSS.
Piedāvā plašu lietotāja saskarnes paraugu un pamatelementu klāstu, piemēram, Accordion, Alert Dialog, Avatar, Checkbox un Checkbox Group, Collapsible, Context Menu, Dialog, Field un Fieldset, Form, Input, Menu un Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle un Toggle Group, Toolbar, Tooltip, kā arī utilītas Direction Provider un useRender.
Uznirstošie komponenti izmanto React Portals, un ieteicams izveidot izolētu stekošanas kontekstu, lai novērstu z-index konfliktus un nodrošinātu, ka pārklājumi vienmēr tiek rādīti virs lapas satura. Dokumentācijā ir piemēri komponentu salikšanai, daļu kombinēšanai un integrēšanai ar dažādām stila sistēmām.
Atvērtā pirmkoda projekts ar MIT licenci, aktīviem laidieniem, ceļvedi un pieejamībai veltītām vadlīnijām. Dokumentācijas lapas var skatīt Markdown formātā, un tajās iekļauti LLM palīgresursi, kas atvieglo koda izpēti un integrēšanu.
Funkcijas
- Bezgalvas, nestilizēti React komponenti
- Pieejamība pēc noklusējuma un ARIA prasībām atbilstoša darbība
- Kombinējams slots API
- Tree-shakeable ESM būvējumi
- TypeScript tipu deklarācijas
- Darbojas ar Tailwind, CSS Modules, CSS-in-JS vai parastu CSS
- React Portals uznirstošajiem logiem un pārklājumiem
- Norādes par stekošanas konteksta izolēšanu, lai novērstu z-index problēmas
- Kontrolētas un nekontrolētas lietošanas modeļi
- Plašs komponentu klāsts (izvēlnes, dialogi, uznirstošie logi, cilnes, atlases elementi, slīdņi u. c.)
- Piemērots SSR un nav atkarīgs no ietvarprogrammas
- Atvērtā pirmkoda MIT licence
- Dokumentācija pieejama Markdown formātā ar LLM palīgrīkiem
Saistītie vienumi
MaterialUI
Šis produkts piedāvā plašu rīku klāstu lietotāja saskarņu veidošanai React vidē, uzsverot elastību un dizaina standartu ievērošanu.
Radix Vue
Neoficiāls Vue ports, kas piedāvā pielāgojamus un piekļūstamus UI komponentus dizaina sistēmu veidošanai.
PrimeVue
Plašs atvērtā pirmkoda UI komponentu klāsts ērtai un efektīvai Vue.js lietotņu izstrādei.
Radix Primitives
Nestilizētas, piekļūstamas un atvērtā pirmkoda React primitīvās komponentes augstas kvalitātes tīmekļa lietotnēm un dizaina sistēmām.
Vaul
Nenoformēts atvilktnes komponents, kas pielāgots vienkāršai integrācijai React lietotnēs un uzlabo lietotāju mijiedarbību mobilajās ierīcēs.
ChakraUI
Ātri un efektīvi veidojiet pieejamas tīmekļa lietotnes ar plašu būtisko komponentu klāstu, kas ir ērti lietojami un ļoti pielāgojami.
cmdk
Šis komponents nodrošina pilnvērtīgu komandu izvēlnes risinājumu React, pievēršot uzmanību gan lietotāja pieredzei, gan izstrādātāju elastībai.