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.

Figma Libraries

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

Custom Themes

Learn how to create a custom design system theme.

Theme Editor

An online editor to create a custom theme for your application.

Icons

Over 600 built-in icons for business applications.

CSS Utility Classes

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