Vaadin Blog

Dropdown components with ready-to-use data
Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. The dropdown menu is a wonderful UI element. It allows us to compact a massive number of choices in ...
Making your viewers waiting time feel shorter using these web components
Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. As web developers, we concern so much about how to load and show content faster on the website. We ...
Framework Agnostic Router for Web Components
Vaadin is happy to announce the first release of its free open source client-side router to use with WebComponents. Yet another JS router? In order to build applications of web components, you need a router. None of the existing routers fulfilled our needs, so we set out to build one. It comes with ...
Wired Elements, a set of hand-drawn UI elements, part 3 (textarea, slider, tooltip, radio & toggle)
Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. This blog post is the final part of the series “Wired Elements collection.” In this part, we are ...
Vaadin 10 learning resources
Vaadin 10 was recently released, and it’s been received with great enthusiasm. By the time of writing this, there are over 40 components available in Vaadin Directory that support Vaadin 10. We have had a webinar and an introduction video about Vaadin 10, as well. And although the documentation ...
Wired Elements, a set of hand-drawn UI elements, part 2 (listbox, icon-button, input & progress)
Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. In part 2, we shall unveil another part of the collection, which contains wired-listbox, ...
All Vaadin components are now available on NPM
As you may have noticed, we have migrated all of Vaadin's components to Polymer 3. This means that you can now install the components through NPM. npm install @vaadin/vaadin-core NPM is the standard package manager for front-end dependencies. The move will make it easier to use Vaadin components in ...

Tools to Migrate Swing Applications to Web - Part 2
In the previous article we introduced dynamic tools for Swing migration to Vaadin. In this article we consider the more classic static tooling. Static tooling works with your Swing source code, and is easier to set up because your application code doesn’t get executed as part of the transformation. ...
Wired Elements, a set of hand-drawn UI elements, part 1 (button, checkbox, combo & card)
Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. The Wired Elements collection, from the team wiredjs, has a big reputation amongst web component UI ...