When comparing Vaadin vs Element, the Slant community recommends Element for most people. In the question“What are the best Javascript UI Widget Toolkits?” Element is ranked 11th while Vaadin is ranked 12th. The most important reason people chose Element is:
The documentation is per version and it has basic examples that are easy to understand.
Ranked in these QuestionsQuestion Ranking
Pros

Pro Compiles Java to JavaScript
Vaadin uses GWT to compile Java code into JavaScript. This means that developers using Vaadin can write both frontend and backend code in Java.
Pro Easy to use
Vaadin has a 'design mode' which allows developers to drag and drop components into a canvas and then provide the logic for every component. There are also a lot of third party tutorials and guides which help with the initial learning curve.
Pro Top notch documentation
The book of Vaadin is a must have for every developer that uses Vaadin to make web apps. It is an excellent reference manual and all around a great tool for every Vaadin related need. You can find and download the pdf online or get it for free in almost any Vaadin sponsored conference.
The online documentation is also very good. It has some tutorials and video guides.
There is also a vibrant community which sorround Vaadin, for any problem you may have there is a big chance that someone has already asked and answered that question on StackOverflow or in the Vaadin forums. If not, it will probably be answered quickly if you ask it.
Pro Modern, configurable theming
Vaadin comes with the Valo Theme, a Sass-based theme and engine that calculates styles based on configurable variables and making it easy to define a completely new theme with a few lines of SCSS.
Pro Easy to develop prototypes quickly
Vaadin has what is called the Vaadin Directory which is a repository of downloadable Vaadin components which can be easily used for development. To use something from the repository, you need to download the JAR file and add it to the project.
Pro Good documentation
The documentation is per version and it has basic examples that are easy to understand.
Pro JQuery is not required
Pro It's light but not empty
You can find for example date picker, option box, Sliders, Carousel, and all the basics like grid layout etc.
Cons
Con Weak scalability
Since Vaadin stores the UI state and logic in the server, this means that for every user interaction a request needs to be sent to the server and the client needs to wait so it can know how to react. This leads to higher traffic and load times.
Con Needs Vue JS
This can be PRO if you already using Vue for your project.
