VAADIN on Flowing Code

Google Maps Add-On: Mobile Right-Click for Markers

Tue, 18 Aug 2026 14:16:43 +0000

In modern web development, creating a consistent and intuitive user experience across all devices is essential. Users expect features to work seamlessly, whether they’re on a desktop with a mouse or a mobile with touchscreen.

Building a Vaadin Add-on in Record Time with Claude AI

Tue, 21 Jul 2026 13:39:02 +0000

Not long ago, I shared my experience on how to migrate a legacy Vaadin application with the help of Claude AI. That experience proved that AI is fantastic for untangling legacy code, but it left me with a new question: What happens when we start from scratch? Recently, my team at Flowing Code proposed creating a new add-on: a Vaadin wrapper around the @github/relative-time-element component. This time, I decided to keep Claude in the loop from minute zero, not just as a code generator, but as an architectural design partner.

Why Vaadin Still Matters in 2026

Tue, 30 Jun 2026 13:40:16 +0000

In an industry obsessed with the new and shiny, asking why a technology continues to thrive can be more interesting than asking what will replace it next.

Vaadin is not a newcomer. Its development started in the early 2000s, and it became open source in 2002. Over the years, it has gone through several major architectural changes while remaining actively developed and widely used in enterprise applications. In a space where frameworks often come and go within a few years, that alone makes Vaadin worth reflecting on.

Vaadin 10 to 25: Migrating a 8-Year-Old App with Claude AI

Thu, 18 Jun 2026 19:49:25 +0000

Back in 2018, our team at Flowing Code built a quick, scrappy demo to show off the then-brand-new Vaadin 10. It was a hackathon project built around the major global football tournament happening in Russia at the time. The app was designed as a live dashboard tracking match fixtures, real-time scores, and group standings.

Vaadin 25: How We Solved JSON Migration

Fri, 19 Dec 2025 18:59:32 +0000

Vaadin 25 was just released, and it comes with an interesting set of breaking changes to keep us entertained and wide awake as we head into the year’s final stretch.

At Flowing Code we maintain more than 30 add-ons, and most of them currently support Vaadin 14, 23, and 24. As you can imagine, this makes the Vaadin 25 migration cycle a substantial effort. And our goal is ambitious: keep a single codebase compatible with all supported Vaadin versions, without branching off into Vaadin-25-specific releases unless absolutely necessary.

Improving Code Reviews with AI: Our Experience with CodeRabbit

Thu, 13 Nov 2025 12:42:55 +0000

It seems like everyone is using AI these days. From chatbots to code generators, the wave of tools promising to make developers’ lives easier keeps growing. At Flowing Code, we wanted to see how AI could actually help in our day-to-day work, not just in theory, but in practice. After some investigations and considerations on what could be improved in our daily tasks, we decided to dive into the AI world with CodeRabbit, a tool designed to help review Pull Requests.

Our Commitment to Open Source: Releases and Updates in 2024

Tue, 17 Dec 2024 15:15:31 +0000

If you keep up with our work, you may already know that here at Flowing Code, we’re passionate about contributing to the Open Source community and dedicated to delivering solutions that can help developers to build better applications. This year, as part of that commitment, we’ve successfully released eight new Vaadin add-ons. If you haven’t had a chance to explore them yet, let’s take a quick look at what each of these add-ons offers.

Introducing our first Vaadin add-ons integrating React Components

Thu, 15 Aug 2024 18:24:30 +0000

Vaadin 24.4 brings exciting new capabilities for integrating React into Vaadin applications in various forms. This offers developers a range of integration options, providing unprecedented flexibility in building modern web applications. You can delve into the various possibilities and the reasons behind this improvement in Vaadin’s blog post.

Google Maps Add-on: How to Get and Track Current Location

Thu, 18 Jul 2024 13:14:01 +0000

The Google Maps Add-on is a powerful wrapper component around the Google Maps Web Component. This add-on allows you to display a customized map and incorporate various map-related elements such as markers, polygons, custom controls and more. You can explore all the features the add-on provides in our online demo. For now, we’ll focus on how to obtain and track the user’s current location.

A Guide to Using Badge List Add-on

Thu, 30 May 2024 13:50:53 +0000

Introducing Badge List component, one of our latest Vaadin add-ons, created to address the challenge of displaying a dynamic list of badges within a confined space, such as a Vaadin Grid cell, in a responsive and user-friendly manner.

How to use Angular Components with Vaadin

Mon, 04 Jul 2022 15:19:43 +0000

If you’re familiar with our work, you know that we’ve created a few components to be used in Vaadin Flow applications based on existing Web Components or in JavaScript libraries that we found interesting. But what about if you want to use an Angular Component and create a Vaadin component from that? Would that be an easy task? I didn’t have an immediate answer for that question so I did some research, a lot of testing and here are my findings.

Using our AppLayout Addon in a Hilla Application

Mon, 23 May 2022 20:31:00 +0000

First of all, just a little bit of context for those who haven’t heard about Hilla yet. What’s the fuss about it? It is a framework for building reactive client-side web apps. With reusable web components and simplified, secure, and type-safe access to the Java backend, it allows you to stay more productive than with minimalistic frontend frameworks. Hilla apps are built on web and industry standards, making them more stable than the alternatives. If you want to know more, the best starting point is the official site. For a more concrete view, you can watch this video that analyzes the library and goes through the steps for creating a quick example.

Vaadin TreeGrid with lazy loading, filtering and sorting

Thu, 13 May 2021 14:12:58 +0000

I’m giving my first steps into Vaadin 14 after a long, long time of Vaadin 8 projects and I want to share my experience when it was time to work with the TreeGrid component to display hierarchical data. I ran into this issue where I needed to add filtering and sorting to a Vaadin TreeGrid implementing lazy loading. I had this article for Grid as base but some things are different so I thought it would be a good idea to share all the steps needed and all things to keep in mind for this kind of implementation.

CSS Theming & Styling in Vaadin 14

Thu, 22 Aug 2019 14:10:00 +0000

Last week, the new LTS version of the presentation framework was announced.
While you can find more information about the new features in the official site, I would like to focus on one specific feature that I’ve found interesting: styles management.
Across the years we saw different approaches in how to handle styles in Vaadin applications.
In Vaadin 6 you could just modify styles using plain CSS. Of course you had two choices: either build everything from scratch, or inherit the built-in themes like Reindeer, Runo or Chameleon. That inheritance scheme was based in the @import css statement, which is the basis of the cascading part of the theming technology.
The problem with this approach was that the customization was difficult, because the complexity of the rendered DOM, and the lack of variables that could help in modifying certain aspects of the base themes such as sizing and spacing, that several rules had in common.