Recent FlutterFlow Updates

FlutterFlow MCP Is Here

Wed, Apr 29
The most requested feature in FlutterFlow history has finally landed. You can now bring AI agents directly into FlutterFlow and switch between them. Claude Code, Gemini CLI, Codex, or any MCP-compatible client. Your agent works within your project with full context for your widgets, logic, and data sources, not as an external tool you copy-paste results into. Why it matters Until now, using AI with FlutterFlow meant working across two surfaces. You'd prompt an agent in one window and manually apply the results in another. That friction adds up fast, especially on complex projects. MCP closes that gap. Your agent is in the loop, understands your app's structure, and acts on it directly. The result is faster iteration, more accurate output, and a workflow that feels native rather than bolted on. Your agent, your choice (BYOA) Because MCP is an open standard, you're never locked into a single provider. Switch between Claude Code, Gemini CLI, Codex, or any other MCP-compatible client. Whatever fits your team's workflow. Check this link to find out how to get started pub.dev/packages/flutterflow_cli.
24
51

What's New in FlutterFlow - v6.6.56 | April 21, 2026

Thu, Apr 23
Features Child Slots A new way to build flexible, composable components in FlutterFlow. Child Slots let you declare named "drop zones" inside your components, places where anyone using the component can plug in any widget they want, from a simple Icon to a full Switch, TextField, or nested component. How to use Open component Add a parameter: in the properties panel, click Add Parameter and choose Child Widget as the type. Name it (e.g. trailing, header, content) and optionally add a description. Place the slot in the tree: drag the new slot from the widget palette's Components & Custom Widgets section to the spot in your component's layout where the injected content should render. A dashed placeholder appears on the canvas. Pass a Component/Widget. When anyone drops an instance of it on a page, they'll see your slot in the widget tree and can drag any widget into it. Custom Shaders (+ Claude Skill) ShaderFill and ShaderWrapper widgets now support custom shader uploads. This means that you can bring your own fragment shaders or use one from https://www.shadertoy.com. Claude Skill We've created a Claude Skill for you to download to convert ShaderToys Shaders into fragment shaders you can use in FlutterFlow. Download Claude Skill Supabase OAuth Integration Connect your Supabase account via OAuth for a streamlined setup — FlutterFlow handles the authorization and schema import automatically. New AspectRatio Widget A new AspectRatio widget is available in the widget palette with preset ratios (1:1, 4:3, 3:2, 16:9, 9:16, 3:4, 2:3), custom value support and variable bindings. Free Trial For Teams Plans Free Trials for Team Plans: All team plans (Growth, Business) now offer a free trial on first subscription, with accurate eligibility checking across historical subscriptions. Improvements Radial Gradient support from Designer: Elements pasted from FlutterFlow Designer that use radial gradients are now correctly imported rather than falling back to a flat color. Designer-to-FlutterFlow chart conversion: Bar, line, and pie charts created in the Designer now convert into fully functional FlutterFlow chart widgets. Radio Button dynamic height: Radio button options now support dynamic height with text wrapping, plus a new option spacing property for controlling gaps between options. PDF viewer previews render at significantly higher quality using DPR-aware scaling and lossless PNG format. PinCode widget now filters input to digits-only on web and desktop when keyboard type is set to Number. Read-only text fields no longer show a functional "clear field" icon. Local Run now works offline when Experimental Speed Up is enabled. Faster "Publish as Library" page loading for large projects. 31 Bug Fixes We’ve been hard at work squashing bugs. Here are some highlights: Fixed Run Mode crashing on launch. Fixed custom files (and their unlocked state) being lost after a branch merge rebuild. Fixed library assets (fonts, icons) missing from downloaded code. Fixed Android APK builds failing for projects using OneSignal. Fixed Supabase OAuth token refresh failing with a "Required parameter: client_id" error. Fixed Firebase config files not syncing on Windows. Fixed duplicate package dependencies causing project build errors. Fixed app event handler code generation producing incorrect function names, which could cause build failures. Fixed custom palette colors generating hardcoded hex values instead of referencing your theme colors. Fixed property panel briefly showing incorrect widget properties after adding a new widget. Fixed a false "Firestore indexes not deployed" error appearing on projects with no composite indexes. Fixed Supabase schema import losing element type information for array columns. Fixed API requests from external tools (e.g., VS Code extension) being applied to the wrong version of version-pinned projects. Fixed marketplace sample app cloning failing with a permissions error.
12
25

Introducing the FlutterFlow Changelog

Fri, Mar 27
We're excited to announce the launch of our official changelog page! Going forward, you can find every update, improvement, and fix we ship, all in one place: 👉 flutterflow.io/flutterflow-changelog Whether you're curious about new features, want to know what's been improved, or are tracking down a bug fix, this is your go-to destination to stay in the loop with everything happening in FlutterFlow. We'll be keeping it up to date with every release, so bookmark it and check back often. Happy building! 🚀
25
15

App Events are here!

Mon, Mar 23
App Events let different parts of your app communicate without being directly wired together. Instead of complex callback chains or manual state updates, you can broadcast a named event from anywhere and have other parts of your app respond automatically. How it works: Trigger a named event (like "Cart Updated") from any action flow Any page or component can listen and react — without knowing about each other Attach structured data to events using FlutterFlow DataTypes Manage everything with three actions: Trigger, Add Handler, and Cancel Handler Two scopes to fit your needs: Global - handled in one centralized place, always active. Great for connectivity changes, auth state, or logging. Local - pages and components subscribe individually and react on their own. Perfect for syncing dashboard tabs or refreshing related UI. Subscriptions clean up automatically when a page is removed. You can find App Event Documentation here: App Events Documentation
19
9

FFDC 2026 Community Awards Are Now Open!

Sat, Mar 21
The FlutterFlow community has been building some truly incredible things, and it’s time to celebrate that creativity, innovation, and impact. We’re excited to announce that submissions for the FFDC 2026 Community Awards are officially open! 🎉 Whether you’ve built a stunning app, crafted an exceptional user experience, or made a meaningful contribution to the community, this is your moment to shine. 🏆 Award Categories This year, we’re recognizing excellence across three key categories: 🏆 App of the Year For the most impactful, innovative, and well-executed app built with FlutterFlow. 🎨 App Design of the Year Celebrating outstanding UI/UX, creativity, and attention to detail. 🌟 Community Champion of the Year Honoring individuals who go above and beyond to support and grow the FlutterFlow community. 📅 Key Dates Submission Deadline: April 19, 11:59 PM PST Winners Announced: Live at FFDC 2026 in San Francisco (May 27–28) 🌍 Why Participate? The FFDC Community Awards are more than just recognition—they’re a chance to: Showcase your work to a global audience Get recognized by the FlutterFlow team and community Inspire others with what’s possible using FlutterFlow 💙 Show Us What You’ve Built If you’ve been building with FlutterFlow, we want to see it. Whether it’s a polished product, a beautiful design, or a meaningful contribution to the ecosystem—your work deserves the spotlight. 👉 Apply here: https://forms.gle/P9nwA5X7MM5ebAQG6
31
2

Showcases ✨

App Showcase: Building "Storify News" – A Multi-Platform Global News App with FlutterFlow

Hey FlutterFlow Community! 👋 Today, I’m excited to share a real-world project showcase that highlights the true scalability, speed, and design capabilities of FlutterFlow. Let’s dive into Storify News (The Storify News Times)—a dynamic, multi-platform global news and information network built for the modern digital age. When designing a high-traffic news platform that requires real-time data handling, global localization, and a premium user experience across iOS, Android, and Web, FlutterFlow proves to be the ultimate development accelerator. Here is a look behind the scenes at how Storify News was built and optimized. 📰 About Storify News Storify News is a global media network designed to deliver accurate, credible, and completely unbiased stories from around the world. Moving past regional limitations, the platform curates localized content for audiences in the USA, Europe, Asia, Australia, South Africa, Singapore, and Saudi Arabia. Core Content Categories: Technology & Business Innovation Hollywood, Bollywood & Global Entertainment Politics & Current Affairs Sports, Health, Real Estate & Lifestyle 🚀 Key Features & FlutterFlow Implementation A successful news application demands rapid load times, intuitive navigation, and high user retention. FlutterFlow’s robust ecosystem made implementing these premium features incredibly seamless: 1. Zero-Ads Premium Reading Experience Unlike traditional news apps cluttered with intrusive pop-ups, Storify News focuses entirely on user immersion. Using FlutterFlow’s flexible layout engine, the app maintains an optimal text-to-image ratio that keeps readers engaged without annoying visual distractions. 2. Multi-Country & Dynamic Category Filtering Readers can effortlessly switch between different countries and categories (e.g., Tech, Politics, Entertainment). FlutterFlow’s Dynamic TabBar combined with conditional List/Grid Views allows the app to fetch and render categorized content from APIs instantly. 3. Low Latency & Real-Time Sync In the media industry, every second matters. By leveraging FlutterFlow's efficient API/Firestore integration, breaking news is pushed instantly to the user feed, maintaining low latency even during high-traffic intervals. 4. Frictionless Onboarding & Contributor Portals Storify News doesn't just display news; it welcomes independent authors and guest bloggers. FlutterFlow’s native Authentication Modules (Email/Password, Social Sign-ins) provided a secure, rapid setup for reader profiles and contributor dashboards. 5. Native Social Sharing Viral news loops are crucial for organic growth. Utilizing FlutterFlow’s built-in Share Action, readers can broadcast stories across WhatsApp, X (Twitter), LinkedIn, and Facebook with a single tap. 🛠️ Architecture & Tech Stack Frontend UI: FlutterFlow (Clean, modern typography with a highly responsive layout optimized seamlessly for mobile viewports and web wrappers). State Management: FlutterFlow App State (Manages global user preferences, country selections, and infinite scrolling data caches). Backend & API: Scalable cloud infrastructure feeding structured JSON payloads into FlutterFlow's custom API endpoints. 💡 The FlutterFlow Advantage Building a global news aggregator from scratch using traditional code usually takes months of dealing with media queries, state synchronization, and cross-platform formatting bugs. FlutterFlow completely transformed this timeline: Unmatched Speed to Market: From raw layout mockups to a functional cross-platform MVP, development time was slashed by nearly 50%. Unified Codebase: Deploying seamlessly to Android, iOS, and Web (Storifynews.com) from a single visual canvas. No-Code Extensibility: Whenever advanced features were needed, FlutterFlow's ability to inject Custom Code and Custom Actions ensured there were zero roadblocks. 🤝 Connect & Collaborate (Open for Contributors!) The team behind Storify News is continuously expanding its network of independent journalists, creators, and guest bloggers. If you’re a developer looking to analyze media architectures, or a content creator wanting to publish your stories globally, feel free to connect! Google Play Store: Search "Storify News" on Android Official Web App: www.storifynews.com What are your thoughts on this showcase? Are you currently building a digital magazine or media app on FlutterFlow? Let’s talk architecture, tips, and optimizations in the comments below! 🚀
2

Pic Perfect AI - AI Photo & Video Editor is live!

⭐ Pic Perfect AI — AI Photo & Video Editor, Cartoon Camera & Face Merge Transform photos and videos with the power of Artificial Intelligence. Pic Perfect AI is an advanced AI Photo Editor and AI Video Editor designed to help anyone create stunning, professional-quality content in seconds. Whether you want to turn your photo into a cartoon, merge faces, create cinematic portraits, enhance image quality, remove backgrounds, or edit videos, Pic Perfect AI provides powerful AI tools in one simple and modern app. 🚀 AI Photo Features 🎨 AI Cartoon Camera (Live Photo Cartoon) Turn yourself into a live AI cartoon directly from your camera. Create unique cartoon selfies, profile pictures, avatars, and social media content instantly using advanced AI Cartoon technology. 👥 AI Face Merge Combine two photos into one realistic image with powerful AI Face Merge technology. Perfect for family memories, creative projects, and fun photo transformations. 🎬 AI Cinematic Portrait Transform ordinary photos into cinematic portraits with dramatic lighting, professional color grading, realistic depth, and movie-style visual effects. ✨ AI Photo Editor Tools Enhance, repair, and transform your images with professional AI-powered editing tools: • AI Photo Enhancer – Improve image quality, sharpness, colors, and details. • Background Remover – Remove backgrounds automatically with one tap. • Background Changer – Replace backgrounds with custom or creative scenes. • Generative Fill – Add, replace, or remove objects using AI. • Content Extraction – Extract people, objects, and elements for creative editing. • Blur Effect – Create professional depth and focus effects. • Image Upscaler – Improve resolution and image clarity. • AI Restoration – Improve older or low-quality photos. • Advanced AI Editing Tools – Designed for creators, photographers, and content makers. 🎥 AI Video Editor Tools Create and edit videos quickly with smart AI-powered tools: • Video Enhancer – Improve video quality, brightness, clarity, and details. • Video Compressor – Reduce file size while maintaining excellent quality. • Video Converter – Convert between MP4, MOV, AVI, and other formats. • Audio to Video – Turn audio files into engaging video content automatically. • Basic Video Editing – Trim, crop, merge videos, and add background music. ⚡ Fast AI Processing Generate professional results in just seconds. Most AI photo transformations are completed quickly, allowing you to create content faster without complicated editing skills. 🌟 Why Choose Pic Perfect AI? • Powerful AI Photo Editor and AI Video Editor • Live AI Cartoon Camera • Realistic AI Face Merge Technology • Professional Cinematic Photo Effects • Background Remover and Background Changer • AI Photo Enhancement and Image Upscaling • Fast, Simple, and Modern User Experience • High-Quality Results for Social Media, Business, and Personal Use • Regular Feature Updates and Improvements Whether you're a content creator, social media enthusiast, photographer, designer, or everyday user, Pic Perfect AI gives you everything you need to create stunning photos and videos with Artificial Intelligence. Download Pic Perfect AI today and unlock the next generation of AI-powered creativity. https://play.google.com/store/apps/details?id=com.mycompany.picperfect&pcampaignid=web_share
3

My first app has been launched, fully made in flutterflow by me, without any previous coding experience.

I know, it it not perfect. I know, the code is done by AI. Some used asset too. But you know what? It is done. It is done and it is launched on App Store - approved yestarday. The journey started few months ago. I just was interested what a vibe coding is. And somehow I found Flutterflow. Checked it, tried it, loved it. Really, I dove in to the funny project. Started with simple icons and just playing with FF options. Day by day the project got bigger and bigger. All of you know it - firebase, revenuecat, admob, first "dancing" with apple dev account just to get to testFlight, google developer account created...week by week and vuala... It is live. Bone Collector is RPG, dice driven, roguelike with reborn mechanics, idle and many more funny systems to be unlocked. I also managed to create global/country rankings in several categories, rich collections sets crowned with set bonuses, deep dice economy, battle and rewards systems etc. I hope somebody will download it and play it:) Let's celebrate with me Available on App Store and Free to play: https://apps.apple.com/cz/app/bone-collector/id6762409105?l=cs if you have Android and google account - Android version is still blocked by "12 testers rule". Any volunteers welcomed to test it (I will test yours for sure). Just ping me your email for invitation. Thank you
1

Complete API Interceptor: Silent JWT Token Refresh Without Losing User Data Fields

Hello FlutterFlow community! What this script does: Auto-Checks Expiry: Automatically validates your JWT token lifetime right before every single API request goes out. Pre-emptive Refresh: If the access token has less than 10 minutes left, it transparently pauses the outgoing call to execute a RefreshTokenCall first. Fixes Race Conditions: Uses a static Future link. If your UI fires 5 parallel API calls on page load, they all reuse the same single refresh task instead of spamming your server. Preserves User Profiles: Unlike default Custom Auth boilerplate setups, this code properly re-injects authManager.userData. Your custom properties like first_name, last_name, roles, or avatars will not be wiped out during a refresh! Safe Route Redirection: If the refresh token itself is invalid or expired, the script signs the user out and safely redirects them to the login page using GoRouter’s global nav key, bypassing typical Flutter layout context issues. // Automatic FlutterFlow imports import '/backend/schema/structs/index.dart'; import '/backend/schema/enums/enums.dart'; import '/actions/actions.dart' as action_blocks; import '/app_events/index.dart'; import '/flutter_flow/flutter_flow_theme.dart'; import '/flutter_flow/flutter_flow_util.dart'; import '/custom_code/actions/index.dart'; // Imports other custom actions import '/flutter_flow/custom_functions.dart'; // Imports custom functions import 'package:flutter/material.dart'; // Begin custom action code // DO NOT REMOVE OR MODIFY THE CODE ABOVE! import 'package:jwt_decoder/jwt_decoder.dart'; import '/backend/api_requests/api_interceptor.dart'; import '/auth/custom_auth/auth_util.dart'; import '/backend/api_requests/api_calls.dart'; class ExpiryCheckInterceptor extends FFApiInterceptor { // Static Future pointer to prevent Race Conditions. // If 5 API calls trigger simultaneously, they will all await this single // refresh process instead of flooding your backend with 5 separate refresh requests. static Future<bool>? _refreshFuture; @override Future<ApiCallOptions> onRequest({ required ApiCallOptions options, }) async { print("Checking JWT token expiry now"); // Fetch the current authentication state from FlutterFlow's auth manager final tokenExpiration = authManager.tokenExpiration; final refreshToken = authManager.refreshToken; // Check if the user is authenticated (tokens exist) if (tokenExpiration != null && refreshToken != null) { print("Got token expiration and refresh token"); final currentTime = DateTime.now(); final timeDifference = tokenExpiration.difference(currentTime); // If the token is already expired OR will expire within the next 10 minutes if (timeDifference.isNegative || timeDifference.inMinutes <= 10) { print('Token is expired or will expire soon. Refreshing...'); // Execute token refresh (or hook into an already ongoing refresh process) _refreshFuture ??= _performTokenRefresh(refreshToken); final isSuccess = await _refreshFuture; _refreshFuture = null; // Reset the future after completion if (isSuccess == true) { // If refresh succeeds, inject the NEW accessToken into the current request header final currentToken = authManager.authenticationToken; options.headers['Authorization'] = 'Bearer $currentToken'; } else { print( 'Token refresh failed. Signing out user and redirecting to login.'); // 1. Clear user session data within FlutterFlow authManager.signOut(); // 2. Safely retrieve the global app navigation context (GoRouter) final globalContext = appNavigatorKey.currentContext; if (globalContext != null) { // Use addPostFrameCallback to ensure the redirection triggers right after // the current layout build finishes (prevents Flutter lifecycle crashes) WidgetsBinding.instance.addPostFrameCallback((_) { globalContext.goNamed( 'login'); // 'login' must exactly match your Page Name/URL in FF }); } else { print('Error: Global context navigation key is null.'); } } } } return options; } // Private method that handles the actual refresh API call Future<bool> _performTokenRefresh(String refreshToken) async { try { // Ensure your API Call in FlutterFlow's API Manager is named exactly 'RefreshToken'. // It must accept 'refreshToken' as a variable in its settings. final response = await RefreshTokenCall.call(refreshToken: refreshToken); if (response.statusCode == 200) { print('Token refreshed successfully.'); final responseBody = response.jsonBody; // Extract new tokens from response payload (adjust ['access']/['refresh'] keys to match your backend) final newAccessToken = responseBody['access'] as String?; final newRefreshToken = responseBody['refresh'] as String?; if (newAccessToken == null) { print('Access token missing in response'); return false; } // Decode the new expiration timestamp from the JWT payload using the jwt_decoder package final expirationDate = JwtDecoder.getExpirationDate(newAccessToken); // Retain the current user state to prevent updateAuthUserData from wiping it out final uid = authManager.uid; final currentUser = authManager.userData; // Update FlutterFlow's session data while preserving all custom fields authManager.updateAuthUserData( authenticationToken: newAccessToken, tokenExpiration: expirationDate, // Fallback to the old refresh token if the backend doesn't rotate it refreshToken: newRefreshToken ?? refreshToken, authUid: uid, userData: currentUser, ); return true; } else { print('Failed to refresh token: ${response.statusCode}'); return false; } } catch (e) { print('Error while refreshing token: $e'); return false; } } @override Future<ApiCallResponse> onResponse({ required ApiCallResponse response, required Future<ApiCallResponse> Function() retryFn, }) async { return response; } }
5

How to Reduce Claude's FlutterFlow Error Rate with a Changelog File and Custom Project Instructions

I'm a beginner user with FlutterFlow, and have been using Claude to assist me with screen development. It's been useful because I can have actual conversations about what I'm trying to achieve, how I want the app to behave, and that I want it to be accessible and regulation compliant (WCAG 2.2 AA, ADA, etc.). But just as useful as it's been, in the beginning it was also extremely frustrating because Claude kept giving me wrong instructions. I finally understood that Claude's knowledge of FlutterFlow can be up to two major versions behind. So it's not that Claude is giving you wrong instructions, they're the right instructions for an older version. Once I understood that, I built a process to extract FlutterFlow's changelog into a single reference file that Claude checks before giving you commands. My error rate went from over 50% to just over 5%. I wrote a detailed tutorial walking through the full process, it assumes basic to no technical knowledge with skip-ahead markers for more advanced users: How I Taught Claude FlutterFlow - Bruno Costa And the extraction scripts along with the changelog output are on my GitHub (scripts in main branch, output in second branch): LA2776/closing-claudes-knowledge-gap: Bridging the gap between Claude's training data and FlutterFlow's current version This of course is not bulletproof, but it has helped me have a much better experience with Claude and FlutterFlow. Hopefully it helps the new builders like me out there!
5

Muzify - Premium Music Streaming App 🎷

Muzify is a premium, production-ready music streaming app that gives you a Spotify-style experience without months of design or coding. Install the project, connect your backend, swap the branding, and you’re ready to launch a polished streaming product your users will love. CLONE PROJECT: https://marketplace.flutterflow.io/item/AD2jCmg6aUhxi0Ti9RNm Powerful background music player Muzify includes a complete background audio system: Persistent mini-player at the bottom of the app Playback continues while navigating between screens Music keeps playing even when the app is minimized, with controls in the notification area* Smooth play / pause / next / previous interactions, designed for real-world usage This means your users can browse, search, manage playlists, or even leave the app – and their music never stops. Muzify is perfect if you want to build: A Spotify-like music streaming app A niche streaming platform (lo-fi, podcasts, audiobooks, workout mixes, etc.) A white-label music solution for clients A polished MVP to validate your music startup idea fast. Launch faster, impress your users from day one, and focus your time on content and monetization instead of rebuilding the same
5

MyTaxi - Ultimate Taxi Booking App & Driver App icluded 🚖

Step into the future of ride-hailing with MyTaxi, the most elegant, powerful, and complete Taxi Booking App Template ever built for FlutterFlow. Designed to rival the sophistication of Uber and Bolt, MyTaxi combines world-class UI/UX design, smooth performance, and a fully functional ride management system - ready to launch in days, not months. https://youtu.be/T9ZaH0jo-ng MyTaxi gives you everything you need - from stunning real-time maps to flexible booking, driver profiles, and more. ⚙️ Key Features: ✅ 160+ Screens & Components ✅ Real-Time Map Tracking ✅ Ride Scheduling & Vehicle Selection ✅ Delivery & Cargo Options ✅ Driver App ✅ Safety & Support Modules ✅ Working Real-Time Chat system ✅ 26 Custom Widgets 💡 Highlights: ✅ Fully tested on real devices ✅ Based on best UI/UX design practices ✅ Ready-to-integrate backend logic ✅ Clean, scalable architecture 🔥 Build your own Uber-level app today with MyTaxi - the ultimatet, smartest, and most complete taxi booking app template ever made for FlutterFlow. Save 250+ hours of development. Launch faster. Impress your users. CLONE PROJECT: https://marketplace.flutterflow.io/item/fB9mUlZYXJhfyUB6dJE3
6

⚡️AdminPro - #1 Best Selling Admin Dashboard

Start your projects with an intuitive and very user-friendly interface designed to maximize productivity and minimize development time! 🔑 Key Features: 🚀 Super-Friendly Interface: Thoughtfully organized layouts and contextual cues let users navigate and manage data effortlessly from day one. 📱 Responsive Layouts: Pixel-perfect design that adapts seamlessly across desktop, tablet, and mobile devices for a consistent experience everywhere. 🌙 Light & Dark Mode: Automatic theme switching with CSS variables ensures optimal readability and comfort in any environment. 📈 Custom Chart Widgets: Ready-to-use bar, line, pie, and mixed charts with simple data binding for powerful, interactive visualizations. 📅 Integrated Calendar & DataTable: Built-in schedule management and feature-rich tables (sortable, filterable, paginated) to handle any volume of data. 🎨 Best UI/UX Practices: Clean component hierarchy, consistent spacing, intuitive controls, and ARIA support deliver a smooth, accessible user journey. 🗂️ Beautiful Navbar: A collapsible, icon-driven sidebar with micro-animations provides rapid navigation and keeps key actions always within reach. Start your next project with AdminPro and save over 250 hours of development time. Focus on features, not framework. 🛠️ Support Included: We’re here to help! Enjoy dedicated assistance after purchase to ensure your app is perfectly set up and running smoothly. To experience AdminPro in action, visit: https://adminpro.flutterflow.app To Download follow the link: https://marketplace.flutterflow.io/item/7wVfAjzc5pqqrpVLy9fe
6

Segmented Progress Bar Chart | FREE

Track a week at a glance with a segmented progress bar widget 📆✨ — compact rows for Mon–Sun where each bar is split into equal slots for tasks, sessions, or streak steps. Completed segments glow 🌟 while empty ones stay muted 🌫️ for instant scanability. Tap/hover tooltips show totals (e.g., Sun • 3/6 • 100%) for precise feedback. Dense yet readable, perfect for dashboards and mobile to reinforce consistency, spot gaps, and celebrate streaks 🎯. Clone Widget: https://webnum.com/product/segmented-progress-bar-chart/
6

Custom Pin Code Widget | FREE

A refined dark-mode passcode screen built for fast, secure 4-6 digit authentication. Featuring smooth slot indicators, masked characters, and jumbo rounded keypad buttons, this widget delivers a premium experience for login, payments, and re-auth flows on mobile and web. With shake animations on error, haptic feedback, and optional biometrics, it blends security with style effortlessly. Clone For Free: https://webnum.com/product/custom-pin-code-flutterflow/
6

Upcoming Events

All events

FFDG Munich Meetup 16.04.2026

​Hallo liebe FFDG Munich Member, ​es ist wieder soweit: wir würden uns freuen, euch am kommenden Donnerstag, 16.04.2026 um 18:00 Uhr im Munich Urban Colab begrüßen zu dürfen. Wir haben einige Themen auf der Agenda, denn bei FlutterFlow hat sich nach einer längeren Pause einiges getan! ☺️ Wir haben wirklich große Änderungen bei FlutterFlow gesehen und es stehen noch einige große Änderungen bevor! ​Darüber würden wir uns gerne mit euch austauschen und freuen uns auf euch. Natürlich könnt ihr auch wie immer eure konkreten Fragen mitbringen. Bis zum Donnerstag, 16.04.2026 ab 18:00 Uhr! Die zweite Info ist eher organisatorisch: FlutterFlow nutzt seit diesem Jahr meetup nicht mehr. Die meetup Gruppe wird also irgendwann verschwinden. Zukünftig werden die Termine über LUMA gemacht. Auch unser diesmaliger Event wird auf LUMA geplant. Meldet euch gerne hier bei dem Event an: https://luma.com/p5bm0suk Natürlich werden unsere FFDGs auch weiterhin auf der FlutterFlow community Webseite erscheinen. Soweit bleibt alles beim alten, aber die Veranstaltungen werden jetzt bei LUMA gehosted. Dort müsst ihr euch wie ich es verstanden habe kurz registrieren wenn ihr mögt. Ihr könnt aber auch gerne in der FlutterFlow Community schreiben, wenn ihr vorhabt zu kommen (damit wir ein bisschen planen können). Ich hoffe, wir sehen uns am kommenden Donnerstag zahlreich bei hoffentlich frühlingshaftem Wetter 🙂 Bei Fragen meldet euch gerne. Bis kommenden Donnerstag Abend und viele Grüße Serge
6

FlutterFlow Developer Connect Bangalore 2026

Welcome to the 2026 edition of FlutterFlow Developer Connect Bangalore 2026. FFDG Bangalore is hosting a full day dedicated to the next generation of app development. This year's event focuses on the powerful combination of FlutterFlow and Dreamflow. What We Are Covering: FlutterFlow: We will discuss advanced techniques for this visual development platform, focusing on building high-quality apps with Google's Flutter framework and generating clean Dart code. Dreamflow: We will explore this AI-powered platform that turns natural language into functional apps. Unlike standard no-code tools, we will show you how Dreamflow produces real, production-ready code you can own and deploy. Agenda Highlights: Visual vs. AI: When to drag-and-drop and when to prompt. Build & Scale: Managing complex projects using both platforms. Code Quality: ensuring your low-code/AI apps are maintainable. Community Networking: Meet the developers shaping the ecosystem. Hosts & Partners: Organized by: FlutterFlow Developer Group Bangalore (FFDG Bangalore) In Partnership with: FlutterFlow Student Ambassadors India Location: Bengaluru, India Date & Time: Saturday, March 7, 2026 & 9:30 AM - 4:30 PM IST Seats are limited! Secure your spot now: 👉 Register here: https://lu.ma/tq12loe4 👉 Subscribe to our Luma calendar: https://luma.com/ffdgbangalore Contact Email: [email protected] See you there! 👋
8

Innovation 2026 Social | Tech.Tacos.Tunes.

🌮 Tech, Tacos & Tunes: The Innovation 2026 Social ​The Central Valley tech community is crashing Contentment Brewing Company for the night, and you’re invited! ​We’ve partnered with yüda, GDG, FlutterFlow, WiDS, WTM, and Stan State Tech Clubs (Girls Who Code, CS Club, and Cybersecurity Club) to bring everyone together in one place. We picked the best night because the brewery has Taqueria ADM on-site and Jake on the mic—so the vibes will be perfect. ✨ ​Whether you’re grabbing a beer or sticking to their great non-alcoholic selection, come pull up a chair with us. ​Why show up? ​Aside from the great company, this is a listening session. We want YOUR input on the workshops, advocacy, and events we plan for 2026. ​Come for the food and music, stay to shape the future of local tech. See you there! 👋
6

FFDG Munich Meetup 27.11.2025

Liebe FlutterFlow Developer, nach unserem letzten Treffen im Sommer wollen wir uns im Herbst noch einmal treffen, um über aktuelle Entwicklungen rund um FlutterFlow zu sprechen. Und damit diesmal auch Members ausserhalb von München die Chance haben mitzumachen, haben wir uns entschlossen, eine Hybride Session zu machen. Wer mag kann sich also auch gerne per google meet dazuschalten. Wir freuen uns schon auf viele neue Gesichter. Egal ob ihr euer erstes Projekt angeht, einige Projekte hinter euch habt, konkrete oder allgemeine Bedürfnisse habt: wir sind offen für eure Impulse. Um ein wenig vorstrukturieren zu können wäre es super, wenn ihr beim RSVP möglichst genau angebt, was euch interessieren würde. Dann können wir auch intensiv auf eure Themen eingehen. Direkt zum google meet geht es hier: https://meet.google.com/jcp-dvck-fqv Bitte trotzdem den RSVP möglichst zeitnah ausfüllen und wir sehen uns am Donnerstagabend, 27.11.2025 um roundabout 18:30 Uhr im Munich Urban Colab bzw. online unter dem obigen google meet Link. Viele Grüße Serge und Sven Infos zum Colab (behold my great cartographic skills): Link zur Anfahrtsskizze Ihr könnt mit der Tram 20 oder 21 vom "Leonrodplatz" oder von der Haltestelle "Hochschule München (Lothstr.)" anreisen. Die genaue Adresse ist: Freddie-Mercury-Straße 5 80797 München Bitte beachtet, dass das Colab nicht in der ersten Reihe an der Dachauerstr., sondern in der zweiten Reihe ist. Eingang auf der Rückseite. Bitte beachtet auch, dass ihr am besten bei mir durchruft, wenn ihr da seid und uns nicht findet, da es mit klingeln schwierig ist (es gibt aber einen Concierge Service am Eingang): 0175 6941970
13

🔴 LIVE Now: Day 6 of Building a Chat App in FlutterFlow

Join the stream: 🎥 YouTube: https://www.youtube.com/live/PyMTVhDehMU?si=bIsIs2eHQbBVYGF- 💼 LinkedIn: https://www.linkedin.com/video/live/urn:li:ugcPost:7388543984106790912/ 🟣 Twitch: https://www.twitch.tv/alfadesmeta
8

Build Your First AI Powered App with FlutterFlow

Ready to move beyond basic chatbots? This hands-on workshop will teach you how to build a new class of intelligent applications using FlutterFlow. You'll learn to create "AI-Powered applications" with FlutterFlow's Visual Builder Interface. We'll cover the core concepts of agentic architecture, from integrating powerful AI models to building complex logic that allows your app to think and act on its own. Through practical exercises, you'll learn to: Configure and make calls to AI Models. Manage assistant behavior using system prompts. Use JSON outputs to trigger app actions and conditional logic. Preview FlutterFlow's Build in AI Agent Builder Join FFDG Buea on Meetup
9

FlutterFlow Fundamentals

The FlutterFlow Builder Series is a hands-on, 4-week cohort designed to help you go from idea to app, using FlutterFlow’s powerful visual development platform. Whether you're a designer, developer, or beginner, this series will guide you through building simple, elegant apps and launching them to the Play Store. 🚀 Session 1: FlutterFlow Fundamentals 📅 Date: July 5th, 2025 📍Google Meet (Link will be shared via email upon RSVP) 👩🏻‍💻 RSVP: https://bit.ly/ffdg-builder-series-session-1 💬 Join the community on Discord We kick things off by diving into the core of FlutterFlow. In this session, you’ll learn how to: Structure your project and set up best practices Navigate the FlutterFlow platform like a pro Build responsive UIs using key layout widgets (like Column, Row, Stack, and Containers) Configure page navigation with ease, from simple links to multi-screen flows By the end of the session, you’ll have built your own mini portfolio app and gained confidence in the visual editor. Perfect for beginners and the perfect foundation for everything coming next.
16

Google Developer Group Bordeaux : De l’idée à l’App Store : Développer une application complète en solo avec FlutterFlow.

🚀 Nouveau Meetup Google Developer Group Bordeaux! 🚀 📅 Quand ? Le 3 Juillet à 18h45 📍 Où ? 114 Rue Lucien Faure, 33300 Bordeaux (Campus EPSI) 👉 Au programme : - "Automatiser une équipe d'agent IA avec CrewAI" par Matthieu Gabas - "De l’idée à l’App Store : Développer une application complète en solo avec FlutterFlow" par Pascal Ferrère - "Design génératif, dev asynchrone : Stitch et Jules, le duo IA de Google" par Enzo Conty - Networking apero ! Rejoignez-nous pour notre prochain meetup où nous aborderons des sujets passionnants liés au développement et à la technologie. C'est l'occasion parfaite pour apprendre, partager et réseauter avec d'autres développeurs et passionnés de tech de la région. Que vous soyez un développeur expérimenté ou simplement curieux de découvrir ce que le monde de la technologie a à offrir, vous êtes le bienvenu! ✅ Inscription gratuite mais obligatoire pour garantir votre place. Les inscriptions par ici: https://gdg.community.dev/events/details/google-gdg-bordeaux-presents-meetup-42/
6

FlutterFlow Developer Group Munich Meetup 26.06.2025

Liebe FlutterFlow Developer, wir wollen uns zu unserem nächsten FlutterFlow Developer Group Meetup treffen. Summer in the City! Vielleicht machen wir das nächste MeetUp ja im Biergarten? ;-) Diesmal jedoch sehen uns wieder im "Munich Urban Colab". Details dazu unten. Wie jedesmal wollen wir ganz offen sein von Neueinsteigern bis zu Profis und uns mit den aktuellen Entwicklungen rund um FlutterFlow zu beschäftigen und Ideen oder Problemchen diskutieren, die sich bei Projekten ergeben. Gerne präsentieren wir uns auch gegenseitig unsere Projekte oder tauschen Erfahrungen aus. Wer Feedback zu sienen Entwicklungen einholen möchte ist genauso willkommen, wie jemand der noch am Anfang steht und "Starthilfe" braucht. Diesmal gibt es auch einiges zu besprechen, denn neben kleineren hat es auch größere Updates gegeben und am Horizont erscheint der nächste FFDC in San Franciso. Zu den neuen Funktionen bringe ich euch gerne auf den aktuellsten Stand. Falls ihr konkrete Fragestellungen oder Erwartungen habt, gebt die doch gerne vorher durch, dann können wir eventuell ein wenig vorbereiten. Einfach RSVP ausfüllen möglichst zeitnah und wir sehen uns am Donnerstagabend, 26.06.2025 um roundabout 19:00 Uhr im Munich Colab. Viele Grüße Serge Infos zum Colab (behold my great cartographic skills): Link zur Anfahrtsskizze Ihr könnt mit der Tram 20 oder 21 vom "Leonrodplatz" oder von der Haltestelle "Hochschule München (Lothstr.)" anreisen. Die genaue Adresse ist: Freddie-Mercury-Straße 5 80797 München Bitte beachtet, dass das Colab nicht in der ersten Reihe an der Dachauerstr., sondern in der zweiten Reihe ist. Eingang auf der Rückseite. Bitte beachtet auch, dass ihr am besten bei mir durchruft, wenn ihr da seid und uns nicht findet, da es mit klingeln schwierig ist (es gibt aber einen Concierge Service am Eingang): 0175 6941970
12

FFDG Gandhinagar : FlutterFlow Fusion: From Visual Building to Custom Code Mastery

Hey 👋 FlutterFlow fam 👀✨ We're THRILLED to announce our next event: 𝐅𝐥𝐮𝐭𝐭𝐞𝐫𝐅𝐥𝐨𝐰 𝐅𝐮𝐬𝐢𝐨𝐧: 𝐅𝐫𝐨𝐦 𝐕𝐢𝐬𝐮𝐚𝐥 𝐁𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐭𝐨 𝐂𝐮𝐬𝐭𝐨𝐦 𝐂𝐨𝐝𝐞 𝐌𝐚𝐬𝐭𝐞𝐫𝐲 happening on 𝟑𝟏𝐬𝐭 𝐌𝐚𝐲 𝟐𝟎𝟐𝟓! 🗓️Get ready for a POWER-PACKED day with: 𝟐 𝐞𝐱𝐜𝐢𝐭𝐢𝐧𝐠 𝐬𝐞𝐬𝐬𝐢𝐨𝐧𝐬 on FlutterFlow magic! ✨ 𝐇𝐚𝐧𝐝𝐬-𝐨𝐧 𝐰𝐨𝐫𝐤𝐬𝐡𝐨𝐩 where you'll BUILD real apps! 💻 𝐀𝐦𝐚𝐳𝐢𝐧𝐠 𝐧𝐞𝐭𝐰𝐨𝐫𝐤𝐢𝐧𝐠 with fellow FlutterFlow enthusiasts! 👨‍🏫 Meet Our Speakers Jaldeep Asodariya – Senior Mobile Engineer, HighLevel 🎯 Topic: Visual UI Building in FlutterFlow: Layouts, Logic & Beyond. Get the inside scoop on building elegant, functional UIs the smart way. Abhishek Jain – Founder, BEEPIXL 🎯 Topic: Beyond Visual: Mastering Custom Code in FlutterFlow Learn how to extend FlutterFlow with clean, efficient custom code to bring your ideas to life. Bhavik Makwana – GDE in Flutter & Enterprise CSE at FlutterFlow 🎯 Workshop: From Flow to Whoa: Build Something Real with FlutterFlow Walk through a complete build with expert guidance, best practices, and working examples. Event Details: 📅 Date: 31st May, 2025 📍 Venue: SmartSense consulting solutions, 4th floor, GIFT One, GIFT City Gandhinagar. What to Expect? • Two beginner-to-intermediate level sessions led by experienced developers • A live, guided workshop to apply what you've learned • Real examples, practical tips, and usable code • Connect with like-minded devs, designers, and creators • Q&A, networking, and good vibes all around! Who Should Attend? • Aspiring FlutterFlow developers • Founders and product builders exploring visual app development • Flutter developers curious about no-code/low-code/visual tools • Anyone who loves to learn by doing! What you need to bring? • A laptop (mandatory for hands-on session) • Your enthusiasm and questions • [Optional] FlutterFlow account (free or paid) This is going to be EPIC! 🚀 Make sure to follow us for all the latest updates: ╰┈➤ Instagram: https://www.instagram.com/ffdggandhinagar ╰┈➤ LinkedIn: https://www.linkedin.com/company/ffdggandhinagar ╰┈➤ Twitter/X: https://www.x.com/ffdggandhinagar ╰┈➤ Meetup: https://www.meetup.com/ffdg-gandhinagar We can’t wait to see what you build!! See you at the Event!
6

Meet new members 👋

See all
  • merhaba, firestore de users koleksiyonu oluşturma sorunu.

    Merhaba benim adım iskender, Türkiyeden yazıyorum size ; Flutterlow da kendimce bir uygulama yapmaya çalışıyorum. firestorede projeyi başlattım ID yi doğru yazıp eşleştirdim. bir kullanıcı kaydı sayfam var bu sayfada sadece mail ve şifre+şifre tekrar yazıp kayıt olbutonuna bastığımda yapmasını istediğim şey profilbilgilerini girebilmek için oluşturduğum sayfaya yönlenmesi. ama ne yapayzeka yarımıyla nede kendi çabamla asla yçnlendirmeyi yapamıyorum. kayıt ol butonuna basınca konsoldaki Authentication alanına mail adresini yazdırıyor ama asla firestore alanına users koleksiyonu oluşmuyor bu koonuda bana tavsiyesi olacak kims varmı acaba
    2
  • Rutvik raval

    Connect with me — India 🇮🇳

    Connect with me — India 🇮🇳 Hello everyone, I’m Rutvik Raval, a Senior Flutter & FlutterFlow Developer with 6+ years of experience building scalable mobile applications for Android & iOS. I’ve worked on apps across healthcare, logistics, e-commerce, AI, food delivery, social platforms, and real-time systems using Flutter, FlutterFlow, Firebase, Supabase, and custom backend integrations. Some of the features I frequently build: • Firebase Authentication • Real-time Chat & Notifications • Payment Gateway Integration • Google Maps & Live Tracking • Admin Panels & APIs • In-app Purchases • AI-powered Features • CI/CD & Production Deployment I’m available for freelance projects, long-term collaborations, and startup partnerships. Happy to connect with developers, founders, and teams worldwide 😇 DM me or reply if you need help building your app 🚀
    3
  • Connect with me

    Hello everyone, I’m Bonnie, an expert FlutterFlow dev. I’ve built few apps (e.g. Kathaworld) and implement features like Firebase auth and in-app purchases. I’m available for paid projects and happy to collaborate 😇 😇 . DM me or reply if you need help with your app.
    3
  • 😀 Brand new to flutter flow!

    Hey I am new to flutter flow and doing my best to make an app ! You will definitely see me in comments! Happy to learn!
    6
  • Hello from William Zeck

    Hi everyone, I'm William Zeck, and I'm excited to be part of the FlutterFlow community. I've been exploring FlutterFlow to build apps faster and learn modern app development without spending endless hours on boilerplate code. So far, I've enjoyed discovering new features, experimenting with different workflows, and seeing ideas come to life quickly. I'm here to learn from experienced builders, share knowledge, and connect with others who are passionate about creating great applications. Looking forward to growing alongside this community and contributing whenever I can.
    6

Hello

Instead of choosing background colours or image for background, I want to use a video as the background of welcome screen. For now, that's it. App complete. can someone please enlighten me on how to do it?

Tried stack, but that seems not for this purpose.

Widgets & Design
G
Feedback


Hello FlutterFlow Community and Team,

FlutterFlow has evolved into a powerful platform for building production-grade applications, including offline-first and local-first architectures powered by technologies such as SQLite, PowerSync, and Supabase.

However, based on recent reproduction tests, there appear to be dependency resolution constraints within the FlutterFlow Cloud Builder that currently prevent adoption of certain modern SDK versions and contribute to web build compatibility issues.

Current Situation & Observed Constraints

We are currently hitting two separate but deeply interrelated constraints within the managed Cloud Builder ecosystem:

Constraint #1: Modern SDK Adoption Blocked (e.g., PowerSync v2.x)

Flagship infrastructure packages have recently rolled out major upgrades (such as the Dart/Flutter SDK v2.x ecosystem). These updates introduce vital performance leaps, native encryption, and stabilized connection layers.

However, adoption within FlutterFlow is blocked. For example, PowerSync v2.x requires newer versions of core foundational dependencies (such as updated http package releases) than those globally pinned within the Cloud Builder environment.

Evidence:

Exporting the codebase to a local environment (e.g., VS Code) and manually bumping the foundational versions resolves the mismatch, allowing the modern SDK to compile cleanly. Within the cloud builder, this version resolution is not currently possible, preventing upgrades entirely.

Constraint #2: Web Build Incompatibility on Compatible Versions

When reverting to an older SDK version that fits within FlutterFlow's global dependency locks, the application architecture demonstrates partial success but breaks down on targeted web compilation.

  • 🟢 Android Local Run (Successful): The application compiles and operates flawlessly on FlutterFlow's cloud Android emulator (Local Run Status: Active), proving that the database schema, sync architecture, and custom code are structurally valid.

  • 🔴 Web Deployment (Fails Consistently): Triggering a Web Deployment or Cloud Web Build consistently results in dependency-related build failures.

1
G
General Conversations

We see this all the time, even in large enterprise products. New features get added and trendy tools get integrated, but the core problem stays the same: no clear architecture and no product thinking behind decisions.

We recently worked with a large company in the safety space. Strong business, serious scale, but still running into architectural issues that slow everything down.

And this is more common than people think.

Because the real issue is how decisions are made inside the team, not tech.
When development is driven by:
- “let’s just add this feature”
- junior-level decisions without system thinking
- lack of product ownership

You end up with a product that’s harder to scale, maintain and evolve. That’s why for us, development is about building teams that can:
- challenge decisions
- think in terms of business impact
- say “this feature is not needed” — and explain why(!)

At the same time, we actively integrate AI-assisted development into our workflow (Cursor, AI tools, etc.). Yes, it helps us move faster, but more importantly it amplifies strong engineers, because in the long run,
better decisions always outperform more impulse features.

1
G
Best Practices

Hey FlutterFlow community! 👋

We’re Calda, a mobile and web development agency and FlutterFlow experts. We know how tricky it can be to navigate FlutterFlow, whether you're just starting out or working on an advanced project. That’s why we’re continuing with the "No Stupid Questions Wednesday" – a space where you can ask ANY FlutterFlow-related question without fear.

💡 How it works:
- Every Wednesday, drop your FlutterFlow questions in the thread.
- No question is too small, too simple, or too complex.
- We (and the awesome community) will do our best to help!

Whether you're stuck on database setup, UI tweaks, API integration, or just want to bounce off ideas – this is your space.

Our website and links for reference: https://www.thecalda.com/

2
G

I have a question regarding FlutterFlow AI. I can't see the icon of AI Generation on dashboard. Secondly, what is the difference between FlutterFlow AI Generation, Flutter Flow Designer and DreamFlow


I can't see the AI Generaiton Icon

image(2).png
387.17KB

Reached out to support email

Widgets & Design
usama bhatti

AI Generation on dashboard

  • FlutterFlow AI Generation → AI inside FlutterFlow that generates screens/components/actions directly in your project.

  • FlutterFlow Designer → Separate AI design tool that creates full UI screens from prompts with visual editing, mainly for UI/UX design stage  

  • DreamFlow → AI-first app builder that generates full app structure (UI + logic + data flow) from prompts, with deeper “app-level” generation  

Thanks for your response

What is better....... DreamFlow or FlutterFlow.......

Will DreamFlow generate the code in Dart/Flutter....

I can't see the AI Generation Icon like yours

Finally, when I am building through dreamflow.... where will the hosting... Can I use it on Firebase/Supabase

Screenshot 2026-06-10 205833.png
25.53KB

Screenshot 2026-06-10 205546.png
37.1KB

r

G