Documentation versions (currently viewingVaadin 14)
You are viewing documentation for an older Vaadin version. View latest documentation

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.

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

theme editor icon

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


Over 600 built-in icons for business applications.