● ONLINE
Vaadin Design System

Vaadin Design System

Sistemas de Design

código aberto framework para consistent, accessible enterprise web apps com web componentes.

GratuitoSistemas de Design
VISITAR SITE >>

Visão Geral

Vaadin Design System is Vaadin's official open-source design system for building modern, consistent, and accessible enterprise web applications using web components (Hilla/Lit-based). It provides reusable UI components, patterns, guidelines, and tools focused on business applications like dashboards, forms, and data grids, emphasizing performance, theming, and developer productivity. It integrates seamlessly with Vaadin Flow (Java) and Hilla (TypeScript/React) frameworks for full-stack development. Component Library: Reusable web components like buttons, grids, charts, forms, date pickers, and layouts with variants for themes (light/dark/Lumo). Design Tokens: Semantic colors, typography, spacing, shadows, and motion for easy theming. Accessibility: WCAG 2.1 AA compliance with ARIA support and keyboard navigation. Tools: Figma kit for prototyping; Vaadin components for implementation; Theme Editor for customization.

label.best_for

equipes construindo escalável, consistent digital products.

Principais Recursos

  • biblioteca de componentes: Reusable web componentes como buttons, grids, charts, forms, date pickers, e layouts com variants para themes (light/dark/Lumo).
  • tokens de projetar: Semantic cores, tipografia, espaçamento, shadows, e motion para fácil theming.
  • acessibilidade: WCAG 2.1 AA compliance com ARIA suporte e keyboard navigation.
  • ferramentas: Figma kit para prototipagem; Vaadin componentes para implementation; Theme Editor para personalização.

Prós

  • +Código aberto
  • +Geração de paleta de cores
  • +Verificação de contraste de acessibilidade
  • +Capacidades de animação suave

Contras

  • -A adoção requer alinhamento da equipe
  • -A personalização pode ser complexa

/// ESPECIFICAÇÕES

  • Preço:free
  • Plataforma:
    Browser
ASSETS_DIRECTORY
figma
/// Ferramentas Similares
Vuetify

Vuetify

Vuetify é um completo Vue.js framework de IU esse strictly adheres para material projetar guidelines, oferecendo rico conjunto de componentes e poderoso personalização capabilities.

A2UI

A2UI

código aberto protocol para IA agents para gerar seguro, declarative UIs através de platforms.

Watt Design System

Watt Design System

Holaluz's Figma-baseado kit de IU para consistent, accessible renewable energy interfaces.