Vaadin Flow

6/22/23, 12:38 PM Vaadin Flow | The Full-Stack Java Web Framework
Login
Vaadin Flow
Build modern web apps 100% in Java
Vaadin Flow is a unique full-stack framework that lets you build web
apps without writing HTML or JavaScript.
Get started
Read documentation
An easier way to build web applications

We use cookies to serve our customers and website
You visitors
don't needin tothethink
bestabout requests,
possible responses,
way. Cookies are and
usedother low-level web development
concepts
for thewithproper
Vaadinfunctioning
Flow, a full-stack Java framework.
of the website and for
improving the user experience, monitoring visitor
Muchtraffic
like building a traditional
and marketing desktop
purposes. By application,
continuing toyou compose the UI from components,
connect it to a data source and react to user events. The UI runs on the JVM without the
browse the site, you agree to our use of cookies.
need to expose REST services or come up with other ways to move data to the browser.
You can read more about cookies here.
Flow[OK]
apps are rendered in the browser as standard HTML. They work in all modern
browsers and devices, no plugins required.
https://vaadin.com/flow 1/14
Vaadin Flow in 40 seconds ⚡️Build web apps 10…

10…
UI components included
Vaadin comes with an extensive set of beautiful UI components, like form inputs, dialogs,
data grids and visualizations. You can extend components and create compositions
directly in your Java code. Everything is built on open web standards and runs on all
modern browsers (without plugins).
Browse components 

visitors in the best possible way. Cookies are used
for the proper functioning of the website and for
traffic and marketing purposes. By continuing to
Supports real-time collaboration

Collaboration Engine provides features that enable your users to work together, in real-
time, directly within the app. Show active users, implement a chat and allow multiple
people to work on the same views with just a few lines of code.
LearnWe about Collaboration
use cookies to serveEngine  and website
our customers
Automated UI testing
Implement and automate UI testing with Vaadin TestBench. User simulated test allows you
to catch any regressions or compatibility issues with all the major browsers before your
users do.
Learn about TestBench 

Visual UI building
Use Vaadin Designer to build UIs faster. The drag & drop functionality and external device
preview feature enables you to quickly assemble a HTML template that you can implement
for your Flow app.
Learn about Designer 


Secure platform architecture
All of your UI logic resides on the server and is never exposed to attackers. Only
one communication servlet is open to the outside world, reducing the attack
surface to the absolute minimum. The framework performs form data validation on
the server, which cannot be accessed with client-side attacks.

Streamlined designer and developer collaboration
The Vaadin components implement a customizable design system that streamlines
your UX design and promotes UI-element reusability. The Vaadin design system
base is available as a Figma library, allowing UX designers to create beautiful
mockups that you can implement directly, without frustrating tweaks or hacks.

All devices with a single code base
Modern browser technologies allow you to deliver progressive web apps (PWAs) on
allWedevices, fromtomobile
use cookies servetoour
tablet and desktop,
customers with a single code base. By writing
and website
and maintaining
visitors in the only
bestone app, you
possible way.can deliveraremore
Cookies usedvalue to your users faster.
Vaadin
for theFlow appsfunctioning
proper become PWAs withwebsite
of the one line
andoffor
code.
SEE HOW IT WORKS

How Does Vaadin Flow work?
Wondering how full-stack Java web development works? Your UI code runs on
your web server, while Vaadin Flow handles the application state, client-server
communication and UI updates in the browser.
Create your UI in Java

Build your UI from layouts and components in Java. When using the Java API, the
components control their JavaScript counterparts in the browser. You do not need to
know anything about the HTML or JavaScript—that runs under the hood.

Connect to data
Vaadin is built for data-intensive applications. Whether it is lazy-loading millions of
database rows, or building big, complex forms quickly, Vaadin has the necessary tools.
Connect to any database from the Java server.
React to events
To make applications interactive, Vaadin provides an event-driven programming model.
UserWeinteraction triggers
use cookies events,
to serve which are and
our customers handled by event listeners. In the Java code,
website
you can add your event listeners and modify the UI accordingly.
CREATE A PROJECT
Get started with Vaadin Flow
Create a project with our online configuration tool and download a project which
you import to your local development environment. Alternatively, you can follow
our tutorial on building modern web apps with Spring Boot and Vaadin.
Get started Read tutorial

Powerful data binding

You can bind plain Java objects to forms. Data binding supports both Bean Validation 2.0
(JSR 380) and custom validators.

Spring Boot
The primary Vaadin stack builds on top of Spring Boot. Manage your UI scope, views and
navigation with Spring.

Easy server push
Enable server push with a single Java annotation. Update the UI changes immediately
from a background thread or an event bus.

Scalability
Stateful server-side apps scale to thousands of concurrent users. Read the report.

Framework comparison
HowWedoes Vaadin Flow compare to Angular and React? Use the comparison page for an
in-depth analysis.
use cookies to serve our customers and website
 traffic and marketing purposes. By continuing to
Customizable look and feel
All Vaadin components come with a modern look and feel that can be easily adapted to
your application.

Java EE and CDI
Use Java EE’s contexts and dependency injection via Vaadin's official integration library.

Never limited by the framework abstraction
Vaadin’s front-end engine builds on top of the W3C Web Components standard, which
allows nearly unlimited customization.

Migrating from Swing
Vaadin’s programming model is similar to Swing, simplifying migration. Read the tutorial to
learn how to migrate Java Swing to a web app with Vaadin.
SIGN UP NOW!
Sign up to access all developer
resources for free
Developers signed up to our website gets access to lots of free
resources and tools built by Vaadin or the community.
 Sign up
 Customize project starters

Customize and download a project starter at Vaadin Start.
 Video training and certification

Access to all video training courses and certification exams.
 Download add-ons
Download, review and publish add-ons in the Vaadin Directory.
 Early adopter
Be the first to know about product offers and beta releases.
 Active community
Join an active community of over 150 000 developers worldwide.
Considering Vaadin for your business?

Book a demo with a Vaadin expert to see how our unmatched stability,
commercial tooling and dedicated support services can help your organization
deliver better web apps faster.
Book a demo

       
Company Platform
About Flow
Careers UI Components
Leadership Collaboration Kits
Brand Acceleration Kits
DS Publisher
Designer
TestBench
Solutions Developers
App creation Developer portal
App modernization Start an app
Migration assistance Documentation
Design services Add-on Directory
Vaadin support Training videos
Expert services
Resources
Blog
Customer stories
Events & webinars
Platform FAQ
visitors
Framework in the best possible way. Cookies are used
comparison
For students
Community Terms Privacy Policy
©2023 Vaadin Ltd. All rights reserved


Vaadin Flow

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Vaadin Flow

Uploaded by

Copyright:

Available Formats

6/22/23, 12:38 PM Vaadin Flow | The Full-Stack Java Web Framework

An easier way to build web applications

Vaadin Flow in 40 seconds ⚡️Build web apps 10…

We use cookies to serve our customers and website

Supports real-time collaboration

We use cookies to serve our customers and website

We use cookies to serve our customers and website

SEE HOW IT WORKS

Create your UI in Java

We use cookies to serve our customers and website

Get started Read tutorial

Powerful data binding

 Customize project starters

 Video training and certification

Considering Vaadin for your business?

We use cookies to serve our customers and website

Leadership Collaboration Kits

Brand Acceleration Kits

App creation Developer portal

App modernization Start an app

Migration assistance Documentation

Design services Add-on Directory

Vaadin support Training videos

Events & webinars

Community Terms Privacy Policy

©2023 Vaadin Ltd. All rights reserved

We use cookies to serve our customers and website

You might also like