Vaadin Design System consists of modern UI components with customizable styling, comprehensive documentation, UI design assets, and the tooling you need to build a solid foundation for your applications.

Sections

Foundation

Design tokens for typography, colors, spacing, and visual styles.

Components

Inputs, controls, and layouts for user interfaces.

Custom Themes

Learn how to create a custom design system theme.

CSS Utility Classes

A set of CSS utility classes that enable building any UI without custom CSS.

Icons

Over 600 built-in icons for business applications.

Figma Libraries

Prototype and design application layouts in Figma using official Vaadin libraries.