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.



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


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.


Over 600 built-in icons for business applications.

Figma Libraries

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