# layout-examples

**Repository Path**: mirrors_vaadin/layout-examples

## Basic Information

- **Project Name**: layout-examples
- **Description**: Layout examples for Vaadin 14
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: v25
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-11-23
- **Last Updated**: 2026-05-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Layout Examples for Vaadin Flow

This project is a fully working Vaadin application that you continue developing locally.
It has all the necessary dependencies and files to help you get going. 

[![Vaadin 14 Layout Example](layouts-example.png)](https://labs.vaadin.com/layout-examples/)

The project is a standard Maven project, so you can import it to your IDE of choice.

To run from the command line, use `mvn jetty:run` and open [http://localhost:8080](http://localhost:8080) in your browser.

## Project structure

- `MainView.java` in `src/main/java` contains the navigation setup. It uses [App Layout](https://vaadin.com/components/vaadin-app-layout).
- `views` package in `src/main/java` contains the server-side Java views of your application.
- `views` folder in `frontend/src/` contains the client-side JavaScript views of your application.

## What next?

[vaadin.com](https://vaadin.com) has lots of material to help you get you started:

 - Follow the tutorials in [vaadin.com/tutorials](https://vaadin.com/tutorials). Especially [vaadin.com/tutorials/getting-started-with-flow](https://vaadin.com/tutorials/getting-started-with-flow) is good for getting a grasp of the basic Vaadin concepts.
 - Read the documentation in [vaadin.com/docs](https://vaadin.com/docs).
 - For a bigger Vaadin application example, check out the Full Stack App starter from [vaadin.com/start](https://vaadin.com/start).