Vaadin Designer is the fastest way to visually build UI designs
for Vaadin apps. Designer is part of Vaadin subscription plans
- and you can try it 14 days for free.
Drag and drop web components. Updates when the design properties or styles are changed.
Control VerticalLayout, HorizontalLayout, and other flex containers quickly with flexbox controls.
Set width, height, margin, padding, spacing properties with CSS values, or Lumo presets using a dropdown.
Quickly check the responsiveness of the design.
Pre-built snippets for Vaadin components. Use any web components from the project.
Modify component hierarchy using drag and drop. Easily connect components to the Java companion file.
View design on a mobile device with one click. Share the preview link to others.
Work with designs directly in your Java project. Use a Java companion file to connect design to backend data.
Vaadin Designer has significantly improved our productivity by enabling us to directly produce a working prototype quickly, and have client's feedback very early on. I strongly recommend Vaadin Designer and suggest to try the templates, they are simply awesome!Farrukh Ijaz CEO
Vaadin Designer, with its standard templates, plus the power of SCSS and the Lumo theme, gave me a huge running start when building a new web based front-end to replace our desktop product.Greg Woolsey Director of Engineering