Saltar al contenido

BaseUI

Componentes React sin estilos y sin interfaz predefinida para crear interfaces accesibles y muy personalizables con control total de los estilos.

Biblioteca de componentes React sin estilos que ofrece control total sobre el marcado y CSS, con valores predeterminados sólidos de accesibilidad y comportamiento conforme a ARIA.

Diseñados como primitivas componibles con un API basado en espacios, los componentes admiten tree shaking, están preparados para TypeScript y funcionan con cualquier método de estilos, incluidos Tailwind, los módulos CSS, CSS-in-JS o CSS sin procesar.

Abarca una amplia variedad de patrones y primitivas de UI, como acordeón, cuadro de diálogo de alerta, avatar, casilla de verificación y grupo de casillas, elemento desplegable, menú contextual, cuadro de diálogo, campo y conjunto de campos, formulario, entrada, menú y barra de menús, medidor, menú de navegación, campo numérico, ventana emergente, progreso, opción de radio, área de desplazamiento, selector, separador, control deslizante, interruptor, pestañas, notificación, alternador y grupo de alternadores, barra de herramientas, información sobre herramientas, además de utilidades como Direction Provider y useRender.

Los componentes emergentes usan portales React 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, con versiones frecuentes, una hoja de ruta y guías centradas en la accesibilidad. Las páginas de documentación se pueden consultar como Markdown e incluyen recursos adaptados a los LLM para facilitar la exploración e 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

Esta solución de UI de código abierto permite crear sistemas de diseño sofisticados con componentes personalizables que se adaptan a distintos estilos visuales y estándares de accesibilidad.

Estrellas en GitHub
3.9K
Actualizado el
Dec 6, 2024
Licencia
MIT License

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.

Estrellas en GitHub
94.2K
Actualizado el
Dec 6, 2024
Licencia
MIT License

Un port Vue no oficial que ofrece componentes UI personalizables y accesibles para crear sistemas de diseño.

Estrellas en GitHub
3.8K
Actualizado el
Dec 6, 2024
Licencia
MIT License

Amplio conjunto de componentes UI de código abierto para crear aplicaciones Vue.js de forma sencilla y eficiente.

Estrellas en GitHub
11.0K
Actualizado el
Dec 6, 2024
Licencia
MIT License

Primitivas de React accesibles, de código abierto y sin estilos para aplicaciones web y sistemas de diseño de alta calidad.

Estrellas en GitHub
16.0K
Actualizado el
Dec 6, 2024
Licencia
MIT License

Un componente de cajón sin estilos, diseñado para integrarse fácilmente en aplicaciones React y mejorar las interacciones en dispositivos móviles.

Estrellas en GitHub
6.5K
Actualizado el
Dec 6, 2024
Licencia
MIT License

Cree aplicaciones web accesibles de forma rápida y eficiente con un conjunto completo de componentes esenciales, fáciles de usar y muy personalizables.

Estrellas en GitHub
38.1K
Actualizado el
Dec 6, 2024
Licencia
MIT License

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.

Estrellas en GitHub
10.0K
Actualizado el
Dec 6, 2024
Licencia
MIT License

Acerca de KickstartUI

KickstartUI es tu destino definitivo para descubrir los mejores frameworks, bibliotecas y herramientas de compilación de UI. Seleccionamos meticulosamente recursos de primera categoría para ayudar a los desarrolladores a dar vida a sus ideas de UI. Tanto si estás creando una aplicación web adaptable, diseñando una interfaz móvil o elaborando un prototipo interactivo, nuestra plataforma ofrece las herramientas esenciales para acelerar tus proyectos y mejorar la experiencia de usuario. Explora nuestra amplia colección para estar al día de las últimas tendencias, descubrir nuevas posibilidades y mejorar tus diseños de UI. ¿Listo para empezar tu próximo proyecto? Explora nuestros recursos destacados o busca herramientas específicas que se adapten a tus necesidades.