Layout examples for Vaadin

November 26, 2019

Building a complete layout for an application can be a lot of work. To support different screen resolutions, devices, browsers and themes need careful planning. In this application you’ll find building blocks and complete layouts.


At the moment, the layouts are using CSS grid features, which make them incompatible with older browsers, but they should work with all browsers supported by Vaadin.

But we don’t want to stop here. This application is published to collect your feedback on you, needs, wishes and technical requirements. Did you find the layout examples useful, did you run into bugs, limitations or do you want some additional layouts?

Leave us a comment below!


This project is experimental and you probably should not use it in production application. Vaadin does not give any warranty, support or guarantees of applicability, usefulness, availability, security, functionality, performance etc.