Saltar al contenido principal

Kit UI

Kit UI Bruma

Un sistema de tokens y componentes de vidrio esmerilado, listo para usar. Pedilo y te lo enviamos por WhatsApp.

Pantalla completa

Qué incluye

Tokens de color, blur, sombra, tipo y movimiento. Más de quince componentes con teclado, roles ARIA y fallback cuando el navegador no soporta backdrop-filter. Doce animaciones que respetan prefers-reduced-motion. Cero dependencias: HTML, CSS y un JS chico para tabs, modal, toast y tabla.

  • Cards
  • Botones
  • Navegación y tabs
  • Dropdown
  • Formularios
  • Accordion
  • Stepper
  • Tabla de datos
  • Toast
  • Badges y tags
  • Notificaciones
  • Modal
  • Skeleton
  • Chips
  • Avatares
  • Breadcrumb

Cómo se usa

  1. 01 · El paquete

    Una carpeta, sin npm ni build ni framework.

  2. 02 · La demo

    index.html muestra cada pieza. Se copia el markup del componente que haga falta.

  3. 03 · En tu proyecto

    Se enlaza el CSS. Si el componente es interactivo, se incluye el JS o se reescribe en React.

El kit está listo: pedilo por WhatsApp y te lo mandamos. Si querés una versión con tu marca, otros componentes o el mismo lenguaje visual en un sitio entero, escribinos.