ArkUI
Esta solução de interface de código aberto permite criar sistemas de design sofisticados com componentes personalizáveis, adaptáveis a vários estilos visuais e padrões de acessibilidade.
Biblioteca de componentes React sem interface nem estilos, que oferece controle total sobre a marcação e o CSS, além de padrões robustos de acessibilidade e comportamento compatível com ARIA.
Projetados como elementos básicos combináveis com uma API baseada em slots, os componentes permitem tree-shaking, estão prontos para TypeScript e funcionam com qualquer abordagem de estilização, incluindo Tailwind, CSS Modules, CSS-in-JS ou CSS puro.
Abrange uma ampla variedade de padrões e elementos básicos de interface, como 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, além de utilitários como Direction Provider e useRender.
Os componentes de pop-up usam React Portals e recomendam criar um contexto de empilhamento isolado para evitar conflitos de z-index, ajudando a garantir que as sobreposições apareçam sempre acima do conteúdo da página. A documentação inclui exemplos de montagem e composição de componentes, além de integração com diferentes sistemas de estilização.
Código aberto sob a licença MIT, com lançamentos frequentes, roteiro de desenvolvimento e orientações focadas em acessibilidade. As páginas da documentação podem ser visualizadas como Markdown e incluem recursos compatíveis com LLMs para facilitar a exploração e integração do código.
Recursos
- Componentes React sem interface nem estilos
- Acessibilidade por padrão com comportamento compatível com ARIA
- API combinável baseada em slots
- Compilações ESM que permitem tree-shaking
- Tipagens para TypeScript
- Compatível com Tailwind, CSS Modules, CSS-in-JS ou CSS puro
- React Portals para pop-ups e sobreposições
- Orientações para isolar o contexto de empilhamento e evitar problemas com z-index
- Padrões de uso controlado e não controlado
- Ampla variedade de componentes (menus, caixas de diálogo, popovers, abas, seletores, controles deslizantes etc.)
- Compatível com SSR e independente de framework
- Código aberto sob a licença MIT
- Documentação disponível em Markdown com recursos para LLMs
Itens relacionados
MaterialUI
Este produto oferece um conjunto robusto de ferramentas para criar interfaces de usuário em React, com foco em flexibilidade e conformidade com padrões de design.
Radix Vue
Uma implementação não oficial para Vue que oferece componentes de UI personalizáveis e acessíveis para criar sistemas de design.
PrimeVue
Um amplo conjunto de componentes de interface de código aberto, desenvolvido para criar aplicações Vue.js com facilidade e eficiência.
Radix Primitives
Primitivos acessíveis, sem estilos e de código aberto para React, voltados a aplicações Web e sistemas de design de alta qualidade.
Vaul
Um componente de gaveta sem estilos, projetado para integração perfeita em aplicações React e para aprimorar as interações em dispositivos móveis.
ChakraUI
Crie aplicativos Web acessíveis com rapidez e eficiência usando um conjunto robusto de componentes essenciais, fáceis de usar e altamente personalizáveis.
cmdk
Este componente oferece uma solução completa de menu de comandos para React, com foco tanto na experiência do usuário quanto na flexibilidade para desenvolvedores.