<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Open Source on Flowing Code</title><link>https://www.flowingcode.com/en/tag/open-source/</link><description>Recent content in Open Source on Flowing Code</description><generator>Hugo</generator><language>en-US</language><lastBuildDate>Tue, 18 Aug 2026 14:17:56 +0000</lastBuildDate><atom:link href="https://www.flowingcode.com/en/tag/open-source/index.xml" rel="self" type="application/rss+xml"/><item><title>Google Maps Add-On: Mobile Right-Click for Markers</title><link>https://www.flowingcode.com/en/google-maps-add-on-mobile-right-click-for-markers/</link><pubDate>Tue, 18 Aug 2026 14:16:43 +0000</pubDate><guid>https://www.flowingcode.com/en/google-maps-add-on-mobile-right-click-for-markers/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2078" height="585" loading="lazy" src="https://www.flowingcode.com/images/uploads/2025/09/markers-mobile-1024x585.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">In modern web development, creating a consistent and intuitive user experience across all devices is &lt;strong>essential&lt;/strong>. Users expect features to work seamlessly, whether they’re on a desktop with a mouse or a mobile with touchscreen.&lt;/p></description></item><item><title>Building a Vaadin Add-on in Record Time with Claude AI</title><link>https://www.flowingcode.com/en/building-a-vaadin-add-on-in-record-time-with-claude-ai/</link><pubDate>Tue, 21 Jul 2026 13:39:02 +0000</pubDate><guid>https://www.flowingcode.com/en/building-a-vaadin-add-on-in-record-time-with-claude-ai/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2391" height="559" loading="lazy" src="https://www.flowingcode.com/images/uploads/2026/06/relative-time-blog-post-1024x559.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Not long ago, I shared my experience on &lt;a href="https://www.flowingcode.com/en/vaadin-10-to-25-migrating-a-8-year-old-app-with-claude-ai/">how to migrate a legacy Vaadin application with the help of Claude AI&lt;/a>. That experience proved that AI is fantastic for untangling legacy code, but it left me with a new question: &lt;strong>What happens when we start from scratch?&lt;/strong> Recently, my team at Flowing Code proposed creating a new add-on: a Vaadin wrapper around the &lt;code>&lt;a href="https://github.com/github/relative-time-element">@github/relative-time-element&lt;/a>&lt;/code> 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.&lt;/p></description></item><item><title>Why Vaadin Still Matters in 2026</title><link>https://www.flowingcode.com/en/why-vaadin-still-matters-in-2026/</link><pubDate>Tue, 30 Jun 2026 13:40:16 +0000</pubDate><guid>https://www.flowingcode.com/en/why-vaadin-still-matters-in-2026/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2335" height="572" loading="lazy" src="https://www.flowingcode.com/images/uploads/2026/06/Why_vaadin_still_matters_2026-1024x572.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">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.&lt;/p>
&lt;p class="wp-block-paragraph">&lt;a href="https://vaadin.com/">Vaadin&lt;/a> 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.&lt;/p></description></item><item><title>Vaadin 10 to 25: Migrating a 8-Year-Old App with Claude AI</title><link>https://www.flowingcode.com/en/vaadin-10-to-25-migrating-a-8-year-old-app-with-claude-ai/</link><pubDate>Thu, 18 Jun 2026 19:49:25 +0000</pubDate><guid>https://www.flowingcode.com/en/vaadin-10-to-25-migrating-a-8-year-old-app-with-claude-ai/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2281" height="572" loading="lazy" src="https://www.flowingcode.com/images/uploads/2026/06/global-stats-2026-1024x572.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Back in 2018, &lt;a href="https://www.flowingcode.com/en/vaadin-10-spring-demo-application-world-cup-rusia-2018-stats/">our team at Flowing Code built a quick, scrappy demo to show off the then-brand-new Vaadin 10&lt;/a>. 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.&lt;/p></description></item><item><title>Improving Code Reviews with AI: Our Experience with CodeRabbit</title><link>https://www.flowingcode.com/en/improving-code-reviews-with-ai-our-experience-with-coderabbit/</link><pubDate>Thu, 13 Nov 2025 12:42:55 +0000</pubDate><guid>https://www.flowingcode.com/en/improving-code-reviews-with-ai-our-experience-with-coderabbit/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2110" height="576" loading="lazy" src="https://www.flowingcode.com/images/uploads/2025/10/review-2-1024x576.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">It seems like everyone is using &lt;strong>AI&lt;/strong> 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 &lt;a href="https://www.coderabbit.ai/">CodeRabbit&lt;/a>, a tool designed to help &lt;strong>review Pull Requests&lt;/strong>.&lt;/p></description></item><item><title>Introducing our first Vaadin add-ons integrating React Components</title><link>https://www.flowingcode.com/en/introducing-our-first-vaadin-add-ons-integrating-react-components/</link><pubDate>Thu, 15 Aug 2024 18:24:30 +0000</pubDate><guid>https://www.flowingcode.com/en/introducing-our-first-vaadin-add-ons-integrating-react-components/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="Introducing our first Vaadin add-ons integrating React Components" class="wp-image-1722" height="585" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/08/vaadin-react-04-1024x585.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">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 &lt;a href="https://vaadin.com/blog/vaadin-24.4-opens-the-door-to-the-land-of-react">Vaadin’s blog post&lt;/a>.&lt;/p></description></item><item><title>Google Maps Add-on: How to Get and Track Current Location</title><link>https://www.flowingcode.com/en/google-maps-add-on-how-to-get-and-track-current-location/</link><pubDate>Thu, 18 Jul 2024 13:14:01 +0000</pubDate><guid>https://www.flowingcode.com/en/google-maps-add-on-how-to-get-and-track-current-location/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="a map with a marker simulating current location" class="wp-image-1670" height="576" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/06/maps-location-1024x576.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">The &lt;a href="https://vaadin.com/directory/component/google-maps-addon">Google Maps Add-on&lt;/a> is a powerful wrapper component around the &lt;a href="https://www.npmjs.com/package/@flowingcode/google-map">Google Maps Web Component&lt;/a>. 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 &lt;a href="https://addonsv24.flowingcode.com/googlemaps">online demo&lt;/a>. For now, we’ll focus on how to obtain and track the user’s current location.&lt;/p></description></item><item><title>A Guide to Using Badge List Add-on</title><link>https://www.flowingcode.com/en/a-guide-to-using-badge-list-component/</link><pubDate>Thu, 30 May 2024 13:50:53 +0000</pubDate><guid>https://www.flowingcode.com/en/a-guide-to-using-badge-list-component/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-1627" height="585" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/05/badge-blog-post-1024x585.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Introducing &lt;a href="https://vaadin.com/directory/component/badge-list-add-on">Badge List component&lt;/a>, one of our latest &lt;a href="https://vaadin.com/">Vaadin&lt;/a> add-ons, created to address the challenge of displaying a dynamic list of badges within a confined space, such as a &lt;a href="https://vaadin.com/docs/latest/components/grid">Vaadin Grid&lt;/a> cell, in a responsive and user-friendly manner.&lt;/p></description></item><item><title>Our last year in review: #StayHome &amp; Code!</title><link>https://www.flowingcode.com/en/our-last-year-in-review-stayhome-code/</link><pubDate>Tue, 14 Apr 2020 20:14:10 +0000</pubDate><guid>https://www.flowingcode.com/en/our-last-year-in-review-stayhome-code/</guid><description>&lt;div class="wp-block-image">&lt;figure class="alignright size-large is-resized">&lt;img alt="" class="wp-image-452" height="260" loading="lazy" src="https://www.flowingcode.com/images/uploads/2020/04/photo4blog.jpg" width="260"/>&lt;/figure>&lt;/div>
&lt;p class="wp-block-paragraph">Although we’re all navigating uncertain times and the reality of the world is very different from what it was one year ago, Flowing Code is turning 3 years old and we wanted to take a moment to acknowledge all the good work and growth we managed to achieve. So here’s little review of our last year:&lt;/p></description></item></channel></rss>