zay-ui
Componentes React accesibles y bloques listos para usar sobre Base UI. Se recolorean con una sola variable CSS; funciona con o sin Tailwind CSS v4.
- Año
- 2026
- Categoría
- Library
- Tecnologías
- 7
- Estado
- En desarrollo
Impacto
Impacto
- Componentes
- 47
- Bloques
- 18
- Licencia
- MIT
Sobre el proyecto
La mayoría de los kits de interfaz traen un lenguaje de diseño pesado o dejan la accesibilidad en tus manos. zay-ui está entre ambos: el comportamiento y la accesibilidad vienen de Base UI (gestión del foco, teclado, ARIA), y el aspecto se construye con superficies neutras, bordes finos y un único color de acento. Al cambiar el acento con la variable `--hue`, todo el kit se recolorea a la vez, en claro y oscuro. Además de 47 componentes hay 18 bloques listos: páginas completas como aterrizaje, panel, ajustes, acceso y 404, y secciones como hero, precios, preguntas frecuentes y pie de página. Este sitio funciona con zay-ui. El paquete está en alfa: la API puede cambiar.
Mi papel
Diseño y escribo la biblioteca: el lenguaje visual, los componentes, los bloques y el sitio de documentación. La publico en npm y la mantengo.
Características clave
- 47 componentes sobre Base UI: formularios, capas, navegación y visualización de datos
- 18 bloques listos: aterrizaje, panel, ajustes, acceso, precios, preguntas frecuentes y más
- Se recolorea con una sola variable `--hue`, en claro y oscuro
- Funciona con o sin Tailwind CSS v4; los estilos van en capas CSS y tu propio CSS siempre gana
- Sitio de documentación con vista previa en vivo, código copiable y tablas de API
Comunidad
Cuando el proyecto se publicó como código abierto, llegaron contribuciones de la comunidad. La lista se carga en vivo desde GitHub.
1 colaboradores · 12 contribuciones
Colaboradores
Colaboradores en GitHub
Siguiente proyecto
Better Payment
Una biblioteca unificada de pasarela de pago que reúne bajo una única API las infraestructuras de pago y los sistemas de TPV virtual de los bancos en Turquía.
Ver proyecto
Más trabajos
Todos- Producto2026Student PanelUna plataforma privada de estudiantes para instructores e instituciones. Plan de estudios, tareas, asistencia, clases en directo y seguimiento del progreso en un solo panel; sin registro público, el instructor da de alta a los estudiantes.En línea
- Library2026zaystaticUn panel de contenido basado en Git para Next.js. Tu contenido sigue siendo archivos simples en tu repositorio; los editores lo cambian en un panel y zaystatic hace commit directamente en tu rama. Sin base de datos ni servicio alojado.En desarrollo
Trabajemos juntos
Hablemos del alcance por escrito.
Primero escucho la necesidad; si creo que el trabajo no encaja, te lo digo en la primera llamada.