<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Addons on Flowing Code</title><link>https://www.flowingcode.com/en/tag/addons/</link><description>Recent content in Addons 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/addons/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>Vaadin 25: How We Solved JSON Migration</title><link>https://www.flowingcode.com/en/vaadin-25-how-we-solved-json-migration/</link><pubDate>Fri, 19 Dec 2025 18:59:32 +0000</pubDate><guid>https://www.flowingcode.com/en/vaadin-25-how-we-solved-json-migration/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2201" height="576" loading="lazy" src="https://www.flowingcode.com/images/uploads/2025/12/Upgrading-Add-ons-for-Vaadin-25-How-We-Solved-JSON-Migration-2-1024x576.png" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">&lt;strong>Vaadin 25&lt;/strong> was just released, and it comes with an &lt;a href="https://vaadin.com/blog/vaadin-25-0-release">interesting set of breaking changes&lt;/a> to keep us entertained and wide awake as we head into the year’s final stretch.&lt;/p>
&lt;p class="wp-block-paragraph">At &lt;strong>Flowing Code&lt;/strong> we &lt;a href="https://www.flowingcode.com/en/opensource/addons/">maintain more than 30 add-ons&lt;/a>, and most of them currently &lt;strong>support Vaadin 14, 23, and 24&lt;/strong>. As you can imagine, this makes the Vaadin 25 migration cycle a substantial effort. And &lt;strong>our goal is ambitious&lt;/strong>: keep a &lt;strong>single codebase&lt;/strong> compatible with all supported Vaadin versions, without branching off into Vaadin-25-specific releases unless absolutely necessary.&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>Our Commitment to Open Source: Releases and Updates in 2024</title><link>https://www.flowingcode.com/en/our-commitment-to-open-source-releases-and-updates-in-2024/</link><pubDate>Tue, 17 Dec 2024 15:15:31 +0000</pubDate><guid>https://www.flowingcode.com/en/our-commitment-to-open-source-releases-and-updates-in-2024/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-1806" height="439" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/11/flowing-addons-1024x439.png" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">If you keep up with our work, you may already know that here at &lt;strong>Flowing Code&lt;/strong>, 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 &lt;a href="https://vaadin.com/">&lt;strong>Vaadin&lt;/strong>&lt;/a> 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.&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></channel></rss>