Todos los proyectos

Caso de estudio

Hollow UI

Framework de interfaz reutilizable con primitivas accesibles, configuración mediante CLI y tokens coherentes, inspirado en la experiencia con front-end empresarial.

TecnologíasReact, TypeScript, Node.js, PostgreSQL, Docker, Next.js
El problema
Evitar reconstruir patrones fundamentales de UI en cada proyecto.
Mi contribución
Componentes reutilizables, primitivas accesibles y tokens de diseño coherentes.
El resultado
Primitivas de UI reutilizables con tokens de diseño y configuración de proyectos mediante CLI.
Interfaz de Hollow UI
Abrir imagen en tamaño original

Sistema de componentes para adopción entre proyectos, conservando accesibilidad y coherencia de implementación.

Problema

Ayudar a construir interfaces coherentes sin rehacer sus patrones fundamentales en cada proyecto.

Arquitectura

Framework centrado en componentes, tokens, distribución mediante CLI y uso orientado por documentación.

Implementación

Registro de comandos y alias de configuración, primitivas reutilizables de navegación y actualización de dependencias. Los componentes y la configuración automatizada apoyan la reutilización.

Resultado

La estructura reduce repetición al iniciar interfaces y favorece coherencia entre proyectos, sin atribuir una reducción numérica medida.

Cabecera

Jerarquía visual, navegación y espaciado coherentes.

Página de presentación

Composición y patrones reutilizables del sistema.

Página y pie

Continuidad de componentes a lo largo de la página.

Catálogo de componentes

Documentación centralizada de elementos disponibles.

Catálogo en tema oscuro

Comprobación visual de los tokens de tema.

Componente: botón

Ejemplo de API, variantes y uso.

Botón en tema oscuro

Comportamiento visual del tema en el componente individual.

Explora más proyectos Ponte en contacto