ArkUI
Această soluție UI open-source permite crearea unor sisteme de design sofisticate folosind componente personalizabile, adaptabile la diverse stiluri vizuale și standarde de accesibilitate.
Bibliotecă de componente React fără interfață și stiluri predefinite, care oferă control deplin asupra marcajului și CSS, cu setări implicite solide pentru accesibilitate și comportament conform ARIA.
Concepute ca elemente de bază combinabile, cu un API bazat pe slots, componentele pot fi eliminate dacă nu sunt folosite, sunt pregătite pentru TypeScript și funcționează cu orice abordare de stilizare, inclusiv Tailwind, CSS Modules, CSS-in-JS sau CSS simplu.
Acoperă o gamă largă de tipare și elemente UI, precum Accordion, Alert Dialog, Avatar, Checkbox și grupuri Checkbox, Collapsible, Context Menu, Dialog, Field și Fieldset, Form, Input, Menu și Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle și grupuri Toggle, Toolbar și Tooltip, precum și utilitare precum Direction Provider și useRender.
Componentele de tip popup folosesc React Portals și recomandă crearea unui context de suprapunere izolat pentru a evita conflictele z-index, astfel încât elementele suprapuse să apară întotdeauna deasupra conținutului paginii. Documentația include exemple pentru asamblarea componentelor, combinarea părților și integrarea cu diferite sisteme de stilizare.
Este open-source, cu licență MIT, lansări active, o foaie de parcurs și îndrumări axate pe accesibilitate. Paginile documentației pot fi vizualizate ca Markdown și includ resurse compatibile cu LLM pentru explorarea și integrarea mai ușoară a codului.
Funcționalități
- Componente React fără interfață și stiluri predefinite
- Accesibile implicit, cu comportament conform ARIA
- API bazat pe slots, cu elemente combinabile
- Build-uri ESM care permit eliminarea codului nefolosit
- Definiții de tipuri TypeScript
- Funcționează cu Tailwind, CSS Modules, CSS-in-JS sau CSS simplu
- React Portals pentru popup-uri și elemente suprapuse
- Îndrumări pentru izolarea contextului de suprapunere și evitarea problemelor cu z-index
- Tipare de utilizare controlată și necontrolată
- Gamă largă de componente (meniuri, dialoguri, popover-uri, file, selectoare, glisoare etc.)
- Compatibil cu SSR și independent de framework
- Licență open-source MIT
- Documentație disponibilă în format Markdown, cu ajutoare pentru LLM
Elemente similare
MaterialUI
Acest produs oferă un set solid de instrumente pentru crearea interfețelor de utilizator în React, punând accent pe flexibilitate și respectarea standardelor de design.
Radix Vue
Un port Vue neoficial, cu componente UI personalizabile și accesibile pentru crearea sistemelor de design.
PrimeVue
O colecție bogată de componente UI open source, create special pentru dezvoltarea simplă și eficientă a aplicațiilor Vue.js.
Radix Primitives
Primitive React accesibile, open source și fără stilizare, pentru aplicații web și sisteme de design de înaltă calitate.
Vaul
O componentă de tip sertar fără stiluri, concepută pentru integrare perfectă în aplicațiile React și pentru îmbunătățirea interacțiunilor utilizatorilor pe dispozitive mobile.
ChakraUI
Creați rapid și eficient aplicații web accesibile cu un set solid de componente esențiale, ușor de folosit și foarte personalizabile.
cmdk
Această componentă oferă o soluție completă de meniu de comenzi pentru React, punând accent atât pe experiența utilizatorilor, cât și pe flexibilitatea pentru dezvoltatori.