ArkUI
Esta solución de interfaz de usuario de código abierto permite crear sistemas de diseño sofisticados mediante componentes personalizables que se adaptan a distintos estilos visuales y estándares de accesibilidad.
Biblioteca de componentes React sin estilos ni interfaz predefinida que ofrece control total sobre el marcado y CSS, junto con sólidas opciones de accesibilidad predeterminadas y comportamiento conforme a ARIA.
Diseñados como primitivas componibles con una API basada en slots, los componentes permiten eliminar código no utilizado, están listos para TypeScript y funcionan con cualquier enfoque de estilos, incluidos Tailwind, CSS Modules, CSS-in-JS o CSS sin procesar.
Incluye una amplia variedad de patrones y primitivas de interfaz, como Accordion, Alert Dialog, Avatar, Checkbox y Checkbox Group, Collapsible, Context Menu, Dialog, Field y Fieldset, Form, Input, Menu y Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle y Toggle Group, Toolbar y Tooltip, además de utilidades como Direction Provider y useRender.
Los componentes emergentes usan React Portals y recomiendan crear un contexto de apilamiento aislado para evitar conflictos de z-index y garantizar que las capas superpuestas aparezcan siempre sobre el contenido de la página. La documentación incluye ejemplos para ensamblar componentes, combinar sus partes e integrarlos con distintos sistemas de estilos.
Es de código abierto bajo la licencia MIT y cuenta con lanzamientos frecuentes, una hoja de ruta y guías centradas en la accesibilidad. Las páginas de documentación están disponibles en Markdown e incluyen recursos adaptados a LLM para facilitar la exploración y la integración del código.
Características
- Componentes React sin estilos ni interfaz predefinida
- Accesibles de forma predeterminada y con comportamiento conforme a ARIA
- API componible basada en slots
- Compilaciones ESM que permiten eliminar código no utilizado
- Tipos de TypeScript
- Compatible con Tailwind, CSS Modules, CSS-in-JS o CSS sin procesar
- React Portals para ventanas emergentes y capas superpuestas
- Guía para aislar contextos de apilamiento y evitar problemas con z-index
- Patrones de uso controlado y no controlado
- Amplia variedad de componentes (menús, diálogos, ventanas emergentes, pestañas, selectores, deslizadores, etc.)
- Compatible con SSR e independiente del framework
- Licencia de código abierto MIT
- Documentación disponible en Markdown con asistentes para LLM
Elementos relacionados
MaterialUI
Este producto ofrece un sólido conjunto de herramientas para crear interfaces de usuario en React, con énfasis en la flexibilidad y el cumplimiento de los estándares de diseño.
Radix Vue
Un port no oficial para Vue que ofrece componentes de interfaz personalizables y accesibles para crear sistemas de diseño.
PrimeVue
Un amplio conjunto de componentes de interfaz de código abierto, diseñados para crear aplicaciones con Vue.js de forma sencilla y eficiente.
Radix Primitives
Primitivas de React accesibles, de código abierto y sin estilos para aplicaciones web y sistemas de diseño de alta calidad.
Vaul
Un componente de cajón sin estilos, diseñado para integrarse fácilmente en aplicaciones React y mejorar las interacciones en dispositivos móviles.
ChakraUI
Cree aplicaciones web accesibles de forma rápida y eficiente con un conjunto completo de componentes esenciales, fáciles de usar y muy personalizables.
cmdk
Este componente ofrece una solución completa de menú de comandos para React, centrada tanto en la experiencia de usuario como en la flexibilidad para desarrolladores.