Vaadin 14 Docs

Develop Web Apps on Java Backends

Build scalable UIs in Java, or TypeScript, or both, using the integrated tooling, components, and design system.

Frameworks

Flow

The most productive web framework for Java developers.

Fusion Vaadin 15+

Use TypeScript, HTML, and Java to build progressive web applications.

Flow or Fusion?

If you are unsure which framework to start with, check out the comparison. You can always switch later, or even mix both in the same app. View Comparison

Design System

Work In Progress

Note
Component documentation is in development
The Design System documentation section is currently in progress for Vaadin 14. You can browse some of these sections in the newer documentation versions.

Components

Browse the UI component library, with Java code examples and design guidelines. Components

Foundation Vaadin 20+

Reference documentation for the visual foundation, including colors, typography, spacing, elevation, and more. Foundation Overview

Customization Vaadin 20+

Learn how to customize the design system to fit your brand, and how to package it for reuse across multiple applications. Customization Overview

Collaboration Engine

Overview

The simplest way to build real-time collaboration into web apps.

Get Started

Follow the tutorial and get your first collaborative application up and running. Quick Start Guide

Licensing & Pricing

Start for free, and get a license when you need to scale up. Licensing & Pricing

Tools

Designer

Create UIs visually by dragging and dropping components on a canvas.

TestBench

Create end-to-end integration tests, including visual regression tests.

Design System Publisher Vaadin 19+

Create a documentation website for your own Vaadin-based design system.