ArkUI
Questa soluzione UI open source consente di creare sistemi di design sofisticati con componenti personalizzabili, adattabili a diversi stili visivi e standard di accessibilità.
Libreria di componenti React senza logica e stili predefiniti, che offre pieno controllo sul markup e su CSS garantendo al contempo solide impostazioni predefinite per l'accessibilità e un comportamento conforme ad ARIA.
Progettati come elementi di base componibili con un'API basata su slot, i componenti supportano il tree shaking, sono pronti per TypeScript e funzionano con qualsiasi approccio stilistico, tra cui Tailwind, CSS Modules, CSS-in-JS o CSS semplice.
Copre numerosi pattern e componenti UI, tra cui Accordion, Alert Dialog, Avatar, Checkbox e Checkbox Group, Collapsible, Context Menu, Dialog, Field e Fieldset, Form, Input, Menu e Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle e Toggle Group, Toolbar e Tooltip, oltre a utility come Direction Provider e useRender.
I componenti popup utilizzano React Portals e consigliano di creare un contesto di sovrapposizione isolato per evitare conflitti di z-index, così da garantire che gli elementi sovrapposti appaiano sempre sopra il contenuto della pagina. La documentazione include esempi per assemblare i componenti, combinarne le parti e integrarli con diversi sistemi di stile.
È open source con licenza MIT e offre release frequenti, una roadmap e indicazioni incentrate sull'accessibilità. Le pagine della documentazione sono disponibili in Markdown e includono risorse pensate per gli LLM, per semplificare l'esplorazione e l'integrazione del codice.
Funzionalità
- Componenti React senza logica e stili predefiniti
- Accessibili per impostazione predefinita e conformi ad ARIA
- API componibile basata su slot
- Build ESM compatibili con il tree shaking
- Definizioni dei tipi per TypeScript
- Compatibile con Tailwind, CSS Modules, CSS-in-JS o CSS semplice
- React Portals per popup ed elementi sovrapposti
- Indicazioni per isolare il contesto di sovrapposizione ed evitare problemi di z-index
- Pattern di utilizzo controllati e non controllati
- Ampia scelta di componenti (menu, finestre di dialogo, popover, schede, selettori, cursori e altro)
- Compatibile con SSR e indipendente dal framework
- Licenza open source MIT
- Documentazione disponibile in Markdown con supporto per LLM
Elementi correlati
MaterialUI
Questo prodotto offre un solido insieme di strumenti per creare interfacce utente in React, puntando sulla flessibilità e sul rispetto degli standard di design.
Radix Vue
Un port non ufficiale per Vue che offre componenti UI personalizzabili e accessibili per creare sistemi di design.
PrimeVue
Una ricca raccolta di componenti UI open source pensati per creare applicazioni Vue.js in modo semplice ed efficiente.
Radix Primitives
Primitive React accessibili, open source e senza stili per app web e sistemi di design di alta qualità.
Vaul
Un componente drawer senza stili, pensato per integrarsi facilmente nelle applicazioni React e migliorare l’interazione sui dispositivi mobili.
ChakraUI
Create applicazioni web accessibili in modo rapido ed efficiente con un solido set di componenti essenziali, facili da usare e altamente personalizzabili.
cmdk
Questo componente offre una soluzione completa per i menu di comandi in React, con particolare attenzione sia all'esperienza utente sia alla flessibilità per gli sviluppatori.