Vaadin Design System
sistema de diseño de código abierto para aplicaciones web empresariales coherentes y accesibles con componentes web
Descripción General
El Sistema de Diseño de Vaadin es el sistema de diseño de código abierto oficial de Vaadin para crear aplicaciones web empresariales modernas, coherentes y accesibles utilizando componentes web (basados en Hilla/Lit). Proporciona componentes UI, patrones, directrices y herramientas reutilizables centrados en aplicaciones de negocio como paneles y administración.
Ideal para
Equipos que crean productos digitales escalables y coherentes
Características Principales
- Biblioteca de componentes: componentes web reutilizables como botones, cuadrículas, gráficos, formularios, selectores de fecha y diseños con variantes para temas (claro/oscuro/Lumo)
- Tokens de diseño: colores semánticos, tipografía, espaciado, sombras y movimiento para facilitar la tematización
- Accesibilidad: cumplimiento WCAG 2.1 AA con soporte ARIA y navegación por teclado
- Herramientas: kit de Figma para prototipado; componentes Vaadin para implementación; Editor de Temas para personalización
Pros
- +Código abierto
- +Generación de paletas de colores
- +Verificación de contraste de accesibilidad
- +Capacidades de animación suave
Contras
- -La adopción requiere alineación del equipo
- -La personalización puede ser compleja
/// ESPECIFICACIONES
- Precio:Free
- Plataforma:Browser
Zeroheight
Plataforma de documentación de sistemas de diseño
UNDP Design System
sistema de diseño de código abierto del PNUD para interfaces de desarrollo global coherentes y accesibles
U.S. Web Design System
Sistema de Diseño Web de EE. UU.: marco oficial del gobierno para servicios digitales públicos coherentes y accesibles
Specify
Herramienta de sincronización de activos de diseño
SmartHR UI
biblioteca de componentes React de código abierto para interfaces de plataformas de RRHH coherentes y accesibles
VKUI
biblioteca React de código abierto de VK para interfaces coherentes y accesibles en aplicaciones y servicios de VK
VTEX Design System
sistema de diseño de código abierto de VTEX para interfaces de comercio electrónico coherentes y accesibles
Vibe Design System
sistema de diseño de código abierto de monday.com para interfaces de gestión de trabajo coherentes y accesibles
Watt Design System
kit de interfaz basado en Figma de Holaluz para interfaces de energía renovable coherentes y accesibles
A2UI
protocolo de código abierto para que agentes de IA generen interfaces de usuario declarativas y seguras en múltiples plataformas