
Orbit
Kiwi.com's código abierto sistema de diseño para consistent, accessible travel booking interfaces.
Descripción General
Orbit es el sistema de diseño oficial de código abierto de Kiwi.com, que proporciona componentes UI, patrones, directrices y herramientas reutilizables para construir experiencias digitales consistentes, accesibles y de alto rendimiento para productos relacionados con viajes como plataformas de reserva de vuelos, aplicaciones y sitios web. Enfatiza la modularidad, internacionalización y colaboración desarrollador-diseñador con componentes React, bibliotecas Figma y documentación integral, soportando entornos de e-commerce de alto tráfico con un enfoque en la confianza y eficiencia del usuario. Biblioteca de componentes: Elementos reutilizables como botones, entradas, tarjetas, modales, selectores de fecha y widgets específicos de viajes (por ejemplo, selectores de vuelos) con variantes para temas y estados. Tokens de diseño: Colores semánticos, tipografía, espaciado, iconos (Orbit Icons) y movimiento para consistencia de marca. Accesibilidad: Cumplimiento WCAG con soporte ARIA, navegación por teclado y patrones inclusivos. Herramientas: Kit Figma para prototipado; biblioteca React con TypeScript; Storybook para exploración de componentes.
label.best_for
equipos construyendo escalable, consistent digital products.
Características Principales
- biblioteca de componentes: Reusable elements como buttons, inputs, cards, modals, date pickers, y travel-específico widgets (e.g., flight selectors) con variants para themes y states.
- tokens de diseño: Semantic colores, tipografía, espaciado, iconos (Orbit iconos), y motion para marca consistency.
- accesibilidad: WCAG compliance con ARIA soporte, keyboard navigation, y inclusive patrones.
- herramientas: Figma kit para prototipado; React biblioteca con TypeScript; Storybook para componente exploration.
Pros
- +Código abierto
- +Colaboración en tiempo real
- +Amplia biblioteca de iconos
- +Generación de paletas de colores
Contras
- -La adopción requiere alineación del equipo
- -La personalización puede ser compleja
/// ESPECIFICACIONES
- Precio:free
- Plataforma:Browser

Vuetify
Vuetify es un completo Vue.js marco de trabajo de IU ese strictly adheres material diseñRA guidelines, ofreciendo rico conjunto de componentes y potente personalización capabilities.

A2UI
código abierto protocol para IA agents generar seguro, declarative UIs través de platforms.

Watt Design System
Holaluz's Figma-basado kit de IU para consistent, accessible renewable energy interfaces.