PageSourceSearch

https://flutterflow.io/product

html flutterflow.io collected 2026-10-01 11:35:20 UTC 135,142 bytes, 228 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="antialiased dark"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="color-scheme" content="dark"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><title>FlutterFlow Product Features | FlutterFlow</title><meta name="description" content="FlutterFlow is a Visual Development Builder that lets you build cross-platform apps incredibly fast in your browser. Build fully functional apps with Firebase integration, API support, animations, and more."><link rel="canonical" href="https://www.flutterflow.io/product"><meta property="og:type" content="website"><meta property="og:locale" content="en_US"><meta property="og:site_name" content="FlutterFlow"><meta property="og:title" content="FlutterFlow Product Features | FlutterFlow"><meta property="og:description" content="FlutterFlow is a Visual Development Builder that lets you build cross-platform apps incredibly fast in your browser. Build fully functional apps with Firebase integration, API support, animations, and more."><meta property="og:url" content="https://www.flutterflow.io/product"><meta property="og:image" content="https://www.flutterflow.io/social-share.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="FlutterFlow Product Features | FlutterFlow"><meta name="twitter:description" content="FlutterFlow is a Visual Development Builder that lets you build cross-platform apps incredibly fast in your browser. Build fully functional apps with Firebase integration, API support, animations, and more."><meta name="twitter:image" content="https://www.flutterflow.io/social-share.png">
1<script>
2  window.dataLayer = window.dataLayer || [];
3  function gtag() { dataLayer.push(arguments); }
4  gtag("consent", "default", {
5    ad_storage: "granted",
6    analytics_storage: "granted",
7    ad_user_data: "granted",
8    ad_personalization: "granted",
9    wait_for_update: 500,
10  });
11  gtag("set", "ads_data_redaction", true);
12  gtag("set", "developer_id.dMmY1Mm", true);
13</script>
13<script>
14  (function () {
15    var storageKey = "ff_utm_attribution";
16    var maxAgeMs = 90 * 24 * 60 * 60 * 1000;
17    var utmKeys = [
18      "utm_source",
19      "utm_medium",
20      "utm_campaign",
21      "utm_content",
22      "utm_term",
23      "utm_id",
24    ];
25    var sourceDefaults = {
26      email: { source: "email", medium: "email" },
27      newsletter: { source: "newsletter", medium: "email" },
28      mailchimp: { source: "mailchimp", medium: "email" },
29      x: { source: "x", medium: "social" },
30      twitter: { source: "x", medium: "social" },
31      youtube: { source: "youtube", medium: "social" },
32      youtu: { source: "youtube", medium: "social" },
33      linkedin: { source: "linkedin", medium: "social" },
34      reddit: { source: "reddit", medium: "social" },
35      substack: { source: "substack", medium: "email" },
36    };
37
38    function clean(value) {
39      return String(value || "")
40        .trim()
41        .replace(/[\u0000-\u001f\u007f]/g, "")
42        .slice(0, 100);
43    }
44
45    function cleanSource(value) {
46      return clean(value)
47        .toLowerCase()
48        .replace(/^@+/, "")
49        .replace(/[^a-z0-9_.-]+/g, "_");
50    }
51
52    function defaultsForSource(source) {
53      var normalized = cleanSource(source);
54      if (!normalized) return null;
55      for (var key in sourceDefaults) {
56        if (
57          normalized === key ||
58          normalized.indexOf(key + ".") === 0 ||
59          normalized.indexOf("." + key + ".") !== -1
60        ) {
61          return sourceDefaults[key];
62        }
63      }
64      return { source: normalized, medium: "referral" };
65    }
66
67    function readStored() {
68      try {
69        var raw = window.sessionStorage.getItem(storageKey);
70        if (!raw) return null;
71        var parsed = JSON.parse(raw);
72        if (!parsed.createdAt || Date.now() - parsed.createdAt > maxAgeMs) {
73          window.sessionStorage.removeItem(storageKey);
74          return null;
75        }
76        parsed.source = "stored";
77        return parsed;
78      } catch (error) {
79        return null;
80      }
81    }
82
83    function writeStored(attribution) {
84      try {
85        window.sessionStorage.setItem(storageKey, JSON.stringify(attribution));
86      } catch (error) {
87        // Storage can be unavailable in private or restricted browser modes.
88      }
89    }
90
91    function readUrlAttribution() {
92      var params = new URLSearchParams(window.location.search);
93      var values = {};
94      var hasUtm = false;
95      utmKeys.forEach(function (key) {
96        var raw = params.get(key);
97        if (!raw) return;
98        values[key] =
99          key === "utm_source" || key === "utm_medium"
100            ? cleanSource(raw)
101            : clean(raw);
102        hasUtm = true;
103      });
104      if (!hasUtm) return null;
105
106      if (values.utm_source) {
107        var defaults = defaultsForSource(values.utm_source);
108        if (defaults) {
109          values.utm_source = defaults.source;
110          if (!values.utm_medium) {
111            values.utm_medium = defaults.medium;
112          }
113        }
114      }
115      return {
116        source: "url",
117        createdAt: Date.now(),
118        values: values,
119      };
120    }
121
122    function readReferrerAttribution() {
123      if (!document.referrer) return null;
124      try {
125        var referrerUrl = new URL(document.referrer);
126        var currentHost = window.location.hostname.replace(/^www\./, "");
127        var referrerHost = referrerUrl.hostname.replace(/^www\./, "");
128        if (!referrerHost || referrerHost === currentHost) return null;
129
130        var sourceDefaults = defaultsForSource(referrerHost);
131        if (!sourceDefaults || sourceDefaults.medium === "referral") {
132          return null;
133        }
134
135        return {
136          source: "referrer",
137          createdAt: Date.now(),
138          values: {
139            utm_source: sourceDefaults.source,
140            utm_medium: sourceDefaults.medium,
141          },
142        };
143      } catch (error) {
144        return null;
145      }
146    }
147
148    function gtagParams(values) {
149      var params = {};
150      if (values.utm_source) params.campaign_source = values.utm_source;
151      if (values.utm_medium) params.campaign_medium = values.utm_medium;
152      if (values.utm_campaign) params.campaign_name = values.utm_campaign;
153      if (values.utm_content) params.campaign_content = values.utm_content;
154      if (values.utm_term) params.campaign_term = values.utm_term;
155      if (values.utm_id) params.campaign_id = values.utm_id;
156      return params;
157    }
158
159    var attribution = readUrlAttribution() || readReferrerAttribution() || readStored();
160    if (!attribution || !attribution.values) return;
161
162    if (attribution.source !== "stored") {
163      writeStored(attribution);
164    }
165    window.__ffUtmAttribution = attribution;
166
167    var values = attribution.values;
168    var campaignParams = gtagParams(values);
169    window.dataLayer.push({
170      event: "ff_attribution_ready",
171      ff_attribution_source: attribution.source,
172      ff_utm_source: values.utm_source,
173      ff_utm_medium: values.utm_medium,
174      ff_utm_campaign: values.utm_campaign,
175      ff_utm_content: values.utm_content,
176      ff_utm_term: values.utm_term,
177      ff_utm_id: values.utm_id,
178      campaign_source: campaignParams.campaign_source,
179      campaign_medium: campaignParams.campaign_medium,
180      campaign_name: campaignParams.campaign_name,
181      campaign_content: campaignParams.campaign_content,
182      campaign_term: campaignParams.campaign_term,
183      campaign_id: campaignParams.campaign_id,
184    });
185    gtag("set", campaignParams);
186  })();
187</script>
vendor: 63 bytes, line 187
187<script async src="https://www.googletagmanager.com/gtag/js?id=
187UA-181477965-1
vendor: 11 bytes, line 187
187"></script>
187<script>
188  
vendor: 136 bytes, lines 188-191
188window.dataLayer = window.dataLayer || [];
189  function gtag() { dataLayer.push(arguments); }
190  gtag("js", new Date());
191  gtag("config", "
191UA-181477965-1
vendor: 4 bytes, line 191
191");
192</script>
192<script type="text/javascript" charset="UTF-8" src="https://geo.cookie-script.com/s/3423b15a1eef66feff758383200b359d.js?country=gb&region=eu"></script>
192<script>
vendor: 338 bytes, lines 192-197
192
193  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
194  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
195  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
196  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
197  })(window,document,'script','dataLayer','
197GTM-KVBSFM5
vendor: 4 bytes, line 197
197');
198</script>
198<script>
vendor: 338 bytes, lines 198-203
198
199  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
200  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
201  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
202  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
203  })(window,document,'script','dataLayer','
203GTM-5WLZ45XZ
vendor: 4 bytes, line 203
203');
204</script>
204<script>
vendor: 338 bytes, lines 204-209
204
205  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
206  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
207  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
208  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
209  })(window,document,'script','dataLayer','
209GTM-PQ36VR4Z
vendor: 4 bytes, line 209
209');
210</script>
210<script>
211  !function(t){if(window.syftc=t,window.syft)return;window.syft=[],["identify","track","page","signup"].forEach(function(t){window.syft[t]=function(){var s=[].slice.call(arguments);s.unshift(t),window.syft.push(s)}});var s=document.createElement("script");s.async=!0,s.setAttribute("src","https://cdn.syftdata.com/syftnext/syft.umd.js"),(document.body||document.head).appendChild(s)}({sourceId:"cmalqgut5000cjs04ub05izzl"});
212</script>
212<script>
213  _linkedin_partner_id = "7881820";
214  window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
215  window._linkedin_data_partner_ids.push(_linkedin_partner_id);
216</script>
216<script>
217  (function(l) {
218    if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
219    window.lintrk.q=[]}
220    var s = document.getElementsByTagName("script")[0];
221    var b = document.createElement("script");
222    b.type = "text/javascript"; b.async = true;
223    b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
224    s.parentNode.insertBefore(b, s);
225  })(window.lintrk);
226</script>
226<link rel="stylesheet" href="/_astro/Layout.BN5FHf3l.css"></head> <body class="min-h-screen flex flex-col bg-background text-foreground overflow-x-clip"> 
226<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"FlutterFlow","url":"https://www.flutterflow.io","logo":"https://www.flutterflow.io/images/brand/PrimaryLogo.svg","sameAs":["https://twitter.com/flutterflow","https://www.linkedin.com/company/flutterflow/","https://www.youtube.com/@FlutterFlow","https://www.reddit.com/r/FlutterFlow/"]}</script>
226 
226<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"FlutterFlow","applicationCategory":"DeveloperApplication","operatingSystem":"Web, iOS, Android","url":"https://www.flutterflow.io/product","description":"FlutterFlow is a Visual Development Builder that lets you build cross-platform apps incredibly fast in your browser.","featureList":["Visual development platform","200+ configurable UI elements","Firebase & Supabase integration","REST API support","Custom Dart functions","Custom Flutter widgets","Google Cloud Functions","Figma import","Design system sharing","Action Flow Editor","Live previews","Real-time collaboration","Branching features","Automated testing","Debug panel","Local run testing","Google Translate integration","Responsive design","App Store deployment","Play Store deployment","Web deployment","Code export","No vendor lock-in"],"aggregateRating":{"@type":"AggregateRating","ratingValue":"5","ratingCount":"2000000"},"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"softwareHelp":{"@type":"CreativeWork","url":"https://docs.flutterflow.io/"}}</script>
226 <a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[100] focus:rounded-lg focus:bg-brand-primary focus:px-4 focus:py-2 focus:text-white">
227Skip to content
228</a> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style>
228<script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();</script>
228<script>(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>Number.POSITIVE_INFINITY*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script>
228<astro-island uid="Z190sLU" prefix="r5" component-url="/_astro/navbar.DBUhmdVz.js" component-export="Navbar" renderer-url="/_astro/client.CaH2aK5y.js" props="{}" ssr client="load" opts="{&quot;name&quot;:&quot;Navbar&quot;,&quot;value&quot;:true}" await-children><header class="fixed left-0 right-0 z-50 bg-background/80 backdrop-blur-md transition-colors text-foreground"><nav class="flex items-center justify-between gap-4 px-6 py-4 md:px-8"><div class="flex flex-1 items-center"><a href="/" aria-label="homepage" class="shrink-0"><img src="/images/brand/PrimaryLogo---Horizontal.svg" alt="FlutterFlow logo" width="160" height="32" class="h-8 w-auto dark:brightness-100 brightness-0" loading="lazy" decoding="async"/></a></div><div class="hidden items-center gap-1 lg:flex"><a href="/product" class="relative z-10 px-4 py-2 text-sm font-medium transition-colors text-foreground/70 hover:text-foreground">Product</a><div class="relative"><button class="flex items-center gap-1 px-4 py-2 text-sm font-medium transition-colors text-foreground/70 hover:text-foreground" aria-expanded="false">Resources<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute top-full left-1/2 -translate-x-1/2 pt-2 transition-all duration-200 opacity-0 -translate-y-2 pointer-events-none"><div class="grid grid-cols-3 gap-6 rounded-2xl border border-adaptive/10 bg-popover p-6 shadow-2xl min-w-[640px]"><div><p class="mb-3 text-xs font-semibold uppercase tracking-wider text-muted-foreground">Get Started</p><ul class="space-y-1"><li><a href="https://docs.flutterflow.io/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2.5 px-3 py-2 text-sm transition-colors text-foreground/70 hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg>Docs</a></li><li><a href="https://marketplace.flutterflow.io/home" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2.5 px-3 py-2 text-sm transition-colors text-foreground/70 hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid size-4 shrink-0 text-brand-primary" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg>Templates</a></li><li><a href="https://www.youtube.com/playlist?list=PLsUp7t2vRqx9UE13G8Xod8F-m248iR0E3" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2.5 px-3 py-2 text-sm transition-colors text-foreground/70 hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg>Trainings</a></li><li><a href="https://community.flutterflow.io/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2.5 px-3 py-2 text-sm transition-colors text-foreground
228/70 hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg>Community</a></li></ul></div><div><p class="mb-3 text-xs font-semibold uppercase tracking-wider text-muted-foreground">Programs</p><ul class="space-y-1"><li><a href="/work-with-developers" class="flex items-center gap-2.5 px-3 py-2 text-sm transition-colors text-foreground/70 hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg>Hire an Expert</a></li><li><a href="/apply-to-be-a-developer" class="flex items-center gap-2.5 px-3 py-2 text-sm transition-colors text-foreground/70 hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-check size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="m16 11 2 2 4-4"></path><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle></svg>Apply to be an Expert</a></li><li><a href="/flutterflow-developer-groups" class="flex items-center gap-2.5 px-3 py-2 text-sm transition-colors text-foreground/70 hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users-round size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M18 21a8 8 0 0 0-16 0"></path><circle cx="10" cy="8" r="5"></circle><path d="M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3"></path></svg>Developer Groups</a></li><li><a href="/ambassadors" class="flex items-center gap-2.5 px-3 py-2 text-sm transition-colors text-foreground/70 hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg>Ambassadors</a></li><li><a href="/student-ambassadors" class="flex items-center gap-2.5 px-3 py-2 text-sm transition-colors text-foreground/70 hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg>Student Ambassadors</a></li></ul></div><div><p class="mb-3 text-xs font-semibold uppercase tracking-wider text-muted-foreground">Inspiration</p><ul class="space-y-1"><li><a href="/showcase" class="flex items-center gap-2.5 px-3 py-2 text-sm transition-colors text-foreground/70 hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
2281.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Showcase</a></li><li><a href="/customer-stories" class="flex items-center gap-2.5 px-3 py-2 text-sm transition-colors text-foreground/70 hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>Customer Stories</a></li><li><a href="/blog" class="flex items-center gap-2.5 px-3 py-2 text-sm transition-colors text-foreground/70 hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pen size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"></path></svg>Blog</a></li></ul></div></div></div></div><a href="/pricing" class="relative z-10 px-4 py-2 text-sm font-medium transition-colors text-foreground/70 hover:text-foreground">Pricing</a><a href="/enterprise" class="relative z-10 px-4 py-2 text-sm font-medium transition-colors text-foreground/70 hover:text-foreground">Enterprise</a><a href="/ai" class="relative z-10 px-4 py-2 text-sm font-medium transition-colors text-foreground/70 hover:text-foreground">AI</a></div><div class="hidden flex-1 items-center justify-end gap-3 lg:flex"><button type="button" class="flex items-center gap-1.5 rounded-lg px-2 py-1.5 text-muted-foreground transition-colors hover:bg-adaptive/5 hover:text-foreground" aria-label="Open command menu" title="Search (⌘K)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search size-4" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><kbd class="inline-flex items-center gap-0.5 rounded border border-adaptive/10 bg-adaptive/[0.04] px-1.5 py-0.5 font-mono text-[10px] leading-none"><span class="">Ctrl</span><span>K</span></kbd></button><a href="https://app.flutterflow.io" target="_blank" rel="noopener noreferrer" class="px-4 py-2 text-sm font-medium transition-colors text-foreground/70 hover:text-foreground">Log in</a><a href="https://app.flutterflow.io/create-account" target="_blank" rel="noopener noreferrer" class="group/button inline-flex shrink-0 items-center justify-center font-heading font-semibold whitespace-nowrap transition-all duration-250 outline-none select-none tracking-[0.03em] leading-none focus-visible:ring-2 focus-visible:ring-brand-primary/50 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-foreground text-background rounded-lg hover:bg-foreground
228/90 active:bg-foreground/80 px-5 py-2.5 text-base gap-2">Start for Free</a></div><div class="flex items-center gap-1 lg:hidden"><button type="button" class="flex items-center justify-center size-10 rounded-lg" aria-label="Open command menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search size-5" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg></button><button class="flex items-center justify-center size-10 rounded-lg" aria-label="Open menu" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu size-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></nav><div class="lg:hidden overflow-hidden transition-all duration-300 border-t border-adaptive/5 bg-background max-h-0 opacity-0"><div class="px-6 py-6 space-y-4 overflow-y-auto max-h-[70vh]"><a href="/product" class="block py-2 text-base font-medium">Product</a><a href="/pricing" class="block py-2 text-base font-medium">Pricing</a><a href="/enterprise" class="block py-2 text-base font-medium">Enterprise</a><a href="/ai" class="block py-2 text-base font-medium">AI</a><div><button class="flex w-full items-center justify-between py-2 text-base font-medium">Resources<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-200 max-h-0 opacity-0"><div class="mb-4"><p class="mb-2 text-xs font-semibold uppercase tracking-wider text-muted-foreground">Get Started</p><ul class="space-y-1"><li><a href="https://docs.flutterflow.io/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors hover:bg-adaptive/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg>Docs</a></li><li><a href="https://marketplace.flutterflow.io/home" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors hover:bg-adaptive/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid size-4 shrink-0 text-brand-primary" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg>Templates</a></li><li><a href="https://www.youtube.com/playlist?list=PLsUp7t2vRqx9UE13G8Xod8F-m248iR0E3" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors hover:bg-adaptive/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg>Trainings</a></li><li><a href="https://community.flutterflow.io/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors hover:bg-adaptive/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg>Community</a></li></ul></div><div class="mb-4"><p class="mb-2 text-xs font-semibold uppercase tracking-wider text-muted-foreground">Programs</p><ul class="space-y-1"><li><a href="/work-with-developers" class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors hover:bg-adaptive/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg>Hire an Expert</a></li><li><a href="/apply-to-be-a-developer" class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors hover:bg-adaptive/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-check size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="m16 11 2 2 4-4"></path><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle></svg>Apply to be an Expert</a></li><li><a href="/flutterflow-developer-groups" class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors hover:bg-adaptive/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users-round size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M18 21a8 8 0 0 0-16 0"></path><circle cx="10" cy="8" r="5"></circle><path d="M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3"></path></svg>Developer Groups</a></li><li><a href="/ambassadors" class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors hover:bg-adaptive/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg>
228Ambassadors</a></li><li><a href="/student-ambassadors" class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors hover:bg-adaptive/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg>Student Ambassadors</a></li></ul></div><div class="mb-4"><p class="mb-2 text-xs font-semibold uppercase tracking-wider text-muted-foreground">Inspiration</p><ul class="space-y-1"><li><a href="/showcase" class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors hover:bg-adaptive/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Showcase</a></li><li><a href="/customer-stories" class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors hover:bg-adaptive/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>Customer Stories</a></li><li><a href="/blog" class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors hover:bg-adaptive/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pen size-4 shrink-0 text-brand-primary" aria-hidden="true"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"></path></svg>Blog</a></li></ul></div></div></div><div class="flex flex-col gap-3 pt-4 border-t border-adaptive/10"><a href="https://app.flutterflow.io" target="_blank" rel="noopener noreferrer" class="py-2 text-center text-base font-medium">Log in</a><a href="https://app.flutterflow.io/create-account" target="_blank" rel="noopener noreferrer" class="group/button inline-flex shrink-0 items-center justify-center font-heading font-semibold whitespace-nowrap transition-all duration-250 outline-none select-none tracking-[0.03em] leading-none focus-visible:ring-2 focus-visible:ring-brand-primary/50 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-gradient-to-b from-brand-primary to-[#2b2189] text-white rounded-lg hover:brightness-110 active:brightness-95 px-8 py-4 text-[1.13rem] gap-3">Start for Free</a></div></div></div></header><!--astro:end--></astro-island> 
228<script>(()=>{var l=(n,t)=>{let i=async()=>{await(await n())()},e=typeof t.value=="object"?t.value:void 0,s={timeout:e==null?void 0:e.timeout};"requestIdleCallback"in window?window.requestIdleCallback(i,s):setTimeout(i,s.timeout||200)};(self.Astro||(self.Astro={})).idle=l;window.dispatchEvent(new Event("astro:idle"));})();</script>
228<astro-island uid="1uAFfH" prefix="r6" component-url="/_astro/command-menu.V-ae64-G.js" component-export="CommandMenu" renderer-url="/_astro/client.CaH2aK5y.js" props="{&quot;entries&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Product&quot;],&quot;href&quot;:[0,&quot;/product&quot;],&quot;category&quot;:[0,&quot;Product&quot;],&quot;description&quot;:[0,&quot;Platform overview&quot;],&quot;keywords&quot;:[1,[[0,&quot;features&quot;],[0,&quot;overview&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Pricing&quot;],&quot;href&quot;:[0,&quot;/pricing&quot;],&quot;category&quot;:[0,&quot;Product&quot;],&quot;description&quot;:[0,&quot;Plans and pricing&quot;],&quot;keywords&quot;:[1,[[0,&quot;plans&quot;],[0,&quot;cost&quot;],[0,&quot;subscription&quot;],[0,&quot;billing&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Enterprise&quot;],&quot;href&quot;:[0,&quot;/enterprise&quot;],&quot;category&quot;:[0,&quot;Product&quot;],&quot;description&quot;:[0,&quot;FlutterFlow for large teams&quot;],&quot;keywords&quot;:[1,[[0,&quot;business&quot;],[0,&quot;team&quot;],[0,&quot;sso&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;AI&quot;],&quot;href&quot;:[0,&quot;/ai&quot;],&quot;category&quot;:[0,&quot;Product&quot;],&quot;description&quot;:[0,&quot;AI-powered app building&quot;],&quot;keywords&quot;:[1,[[0,&quot;artificial intelligence&quot;],[0,&quot;copilot&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Designer&quot;],&quot;href&quot;:[0,&quot;/designer&quot;],&quot;category&quot;:[0,&quot;Product&quot;],&quot;description&quot;:[0,&quot;Visual design tools&quot;],&quot;keywords&quot;:[1,[[0,&quot;ui&quot;],[0,&quot;design&quot;],[0,&quot;figma&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Desktop App&quot;],&quot;href&quot;:[0,&quot;/desktop&quot;],&quot;category&quot;:[0,&quot;Product&quot;],&quot;description&quot;:[0,&quot;FlutterFlow desktop downloads&quot;],&quot;keywords&quot;:[1,[[0,&quot;mac&quot;],[0,&quot;windows&quot;],[0,&quot;download&quot;],[0,&quot;linux&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Documentation&quot;],&quot;href&quot;:[0,&quot;https://docs.flutterflow.io/&quot;],&quot;category&quot;:[0,&quot;Resources&quot;],&quot;description&quot;:[0,&quot;Product docs and guides&quot;],&quot;keywords&quot;:[1,[[0,&quot;docs&quot;],[0,&quot;guide&quot;],[0,&quot;help&quot;],[0,&quot;reference&quot;]]],&quot;external&quot;:[0,true]}],[0,{&quot;title&quot;:[0,&quot;Templates&quot;],&quot;href&quot;:[0,&quot;https://marketplace.flutterflow.io/home&quot;],&quot;category&quot;:[0,&quot;Resources&quot;],&quot;description&quot;:[0,&quot;Marketplace templates&quot;],&quot;keywords&quot;:[1,[[0,&quot;marketplace&quot;],[0,&quot;starter&quot;],[0,&quot;boilerplate&quot;]]],&quot;external&quot;:[0,true]}],[0,{&quot;title&quot;:[0,&quot;Trainings&quot;],&quot;href&quot;:[0,&quot;https://www.youtube.com/playlist?list=PLsUp7t2vRqx9UE13G8Xod8F-m248iR0E3&quot;],&quot;category&quot;:[0,&quot;Resources&quot;],&quot;description&quot;:[0,&quot;Training videos on YouTube&quot;],&quot;keywords&quot;:[1,[[0,&quot;tutorial&quot;],[0,&quot;learn&quot;],[0,&quot;youtube&quot;],[0,&quot;course&quot;]]],&quot;external&quot;:[0,true]}],[0,{&quot;title&quot;:[0,&quot;Community&quot;],&quot;href&quot;:[0,&quot;https://community.flutterflow.io/&quot;],&quot;category&quot;:[0,&quot;Resources&quot;],&quot;description&quot;:[0,&quot;Community forum&quot;],&quot;keywords&quot;:[1,[[0,&quot;forum&quot;],[0,&quot;discord&quot;],[0,&quot;support&quot;]]],&quot;external&quot;:[0,true]}],[0,{&quot;title&quot;:[0,&quot;Blog&quot;],&quot;href&quot;:[0,&quot;/blog&quot;],&quot;category&quot;:[0,&quot;Resources&quot;],&quot;description&quot;:[0,&quot;Latest articles and updates&quot;],&quot;keywords&quot;:[1,[[0,&quot;articles&quot;],[0,&quot;news&quot;],[0,&quot;posts&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Customer Stories&quot;],&quot;href&quot;:[0,&quot;/customer-stories&quot;],&quot;category&quot;:[0,&quot;Resources&quot;],&quot;description&quot;:[0,&quot;How teams build with FlutterFlow&quot;],&quot;keywords&quot;:[1,[[0,&quot;case studies&quot;],[0,&quot;success&quot;],[0,&quot;testimonials&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Showcase&quot;],&quot;href&quot;:[0,&quot;/showcase&quot;],&quot;category&quot;:[0,&quot;Resources&quot;],&quot;description&quot;:[0,&quot;Apps built with FlutterFlow&quot;],&quot;keywords&quot;:[1,[[0,&quot;apps&quot;],[0,&quot;gallery&quot;],[0,&quot;examples&quot;],[0,&quot;inspiration&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Changelog&quot;],&quot;href&quot;:[0,&quot;/flutterflow-changelog&quot;],&quot;category&quot;:[0,&quot;Resources&quot;],&quot;description&quot;:[0,&quot;Product release notes&quot;],&quot;keywords&quot;:[1,[[0,&quot;updates&quot;],[0,&quot;releases&quot;],[0,&quot;what&#39;s new&quot;],[0,&quot;release notes&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Hire an Expert&quot;],&quot;href&quot;:[0,&quot;/work-with-developers&quot;],&quot;category&quot;:[0,&quot;Programs&quot;],&quot;description&quot;:[0,&quot;Hire a FlutterFlow expert&quot;],&quot;keywords&quot;:[1,[[0,&quot;agency&quot;],[0,&quot;developer&quot;],[0,&quot;freelancer&quot;],[0,&quot;hire&quot;],[0,&quot;expert&quot;],[0,&quot;partner&quot;],[0,&quot;certified&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Apply to be an Expert&quot;],&quot;href&quot;:[0,&quot;/apply-to-be-a-developer&quot;],&quot;category&quot;:[0,&quot;Programs&quot;],&quot;description&quot;:[0,&quot;Join the expert program&quot;],&quot;keywords&quot;:[1,[[0,&quot;expert&quot;],[0,&quot;partner&quot;],[0,&quot;developer&quot;],[0,&quot;apply&quot;],[0,&quot;join&quot;],[0,&quot;certified&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Developer Groups&quot;],&quot;href&quot;:[0,&quot;/flutterflow-developer-groups&quot;],&quot;category&quot;:[0,&quot;Programs&quot;],&quot;description&quot;:[0,&quot;Local FlutterFlow communities&quot;],&quot;keywords&quot;:[1,[[0,&quot;meetup&quot;],[0,&quot;community&quot;],[0,&quot;local&quot;],[0,&quot;groups&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Ambassadors&quot;],&quot;href&quot;:[0,&quot;/ambassadors&quot;],&quot;category&quot;:[0,&quot;Programs&quot;],&quot;description&quot;:[0,&quot;FlutterFlow Ambassadors program&quot;],&quot;keywords&quot;:[1,[[0,&quot;program&quot;],[0,&quot;advocate&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Student Ambassadors&quot;],&quot;href&quot;:[0,&quot;/student-ambassadors&quot;],&quot;category&quot;:[0,&quot;Programs&quot;],&quot;description&quot;:[0,&quot;Ambassadors program for students&quot;],&quot;keywords&quot;:[1,[[0,&quot;student&quot;],[0,&quot;university&quot;],[0,&quot;school&quot;],[0,&quot;campus&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;About Us&quot;],&quot;href&quot;:[0,&quot;/about-us&quot;],&quot;category&quot;:[0,&quot;Company&quot;],&quot;description&quot;:[0,&quot;Meet the FlutterFlow team&quot;],&quot;keywords&quot;:[1,[[0,&quot;team&quot;],[0,&quot;company&quot;],[0,&quot;mission&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Contact Us&quot;],&quot;href&quot;:[0,&quot;/contact-us&quot;],&quot;category&quot;:[0,&quot;Company&quot;],&quot;description&quot;:[0,&quot;Get in touch&quot;],&quot;keywords&quot;:[1,[[0,&quot;support&quot;],[0,&quot;sales&quot;],[0,&quot;help&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Sign Up&quot;],&quot;href&quot;:[0,&quot;https://app.flutterflow.io/create-account&quot;],&quot;category&quot;:[0,&quot;Company&quot;],&quot;description&quot;:[0,&quot;Create a free FlutterFlow account&quot;],&quot;keywords&quot;:[1,[[0,&quot;register&quot;],[0,&quot;create account&quot;],[0,&quot;start&quot;],[0,&quot;join&quot;]]],&quot;external&quot;:[0,true]}],[0,{&quot;title&quot;:[0,&quot;Log In&quot;],&quot;href&quot;:[0,&quot;https://app.flutterflow.io&quot;],&quot;category&quot;:[0,&quot;Company&quot;],&quot;description&quot;:[0,&quot;Sign in to FlutterFlow&quot;],&quot;keywords&quot;:[1,[[0,&quot;sign in&quot;],[0,&quot;login&quot;],[0,&quot;account&quot;]]],&quot;external&quot;:[0,true]}],[0,{&quot;title&quot;:[0,&quot;Privacy Policy&quot;],&quot;href&quot;:[0,&quot;/privacy&quot;],&quot;category&quot;:[0,&quot;Legal&quot;],&quot;description&quot;:[0,&quot;How we handle your data&quot;],&quot;keywords&quot;:[1,[[0,&quot;data&quot;],[0,&quot;gdpr&quot;],[0,&quot;policy&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Terms of Service&quot;],&quot;href&quot;:[0,&quot;/tos&quot;],&quot;category&quot;:[0,&quot;Legal&quot;],&quot;description&quot;:[0,&quot;Terms of service&quot;],&quot;keywords&quot;:[1,[[0,&quot;terms&quot;],[0,&quot;legal&quot;],[0,&quot;agreement&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Marketplace Terms&quot;],&quot;href&quot;:[0,&quot;/tos-marketplace&quot;],&quot;category&quot;:[0,&quot;Legal&quot;],&quot;description&quot;:[0,&quot;Marketplace terms of service&quot;],&quot;keywords&quot;:[1,[[0,&quot;marketplace&quot;],[0,&quot;terms&quot;],[0,&quot;legal&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;What Is Rapid Prototyping (in 2026)&quot;],&quot;href&quot;:[0,&quot;/blog/what-is-rapid-prototyping-in-2026&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;Rapid prototyping has been transformed by AI. This guide covers the 2026 landscape: tools, frameworks, speed benchmarks, case studies, and the critical mistakes that sink teams who confuse generation speed with product readiness.&quot;]}],[0,{&quot;title&quot;:[0,&quot;From Idea to Launch: create an mobile app with ai without Coding&quot;],&quot;href&quot;:[0,&quot;/blog/from-idea-to-launch-create-an-mobile-app-with-ai-without-coding&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;AI no-code builders are catching on for a reason. AI builders compress timelines that used to take weeks into hours, enabling quick mobile app development without traditional engineering bottlenecks. This isn&#39;t a minor tweak, it&#39;s changing the way people build software&quot;]}],[0,{&quot;title&quot;:[0,&quot;How to Build Your Own Real-time Chat App by Using a Mobile App Builder&quot;],&quot;href&quot;:[0,&quot;/blog/how-to-build-your-own-real-time-chat-app-by-using-a-mobile-app-builder&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;As communication increasingly moves into apps, businesses are integrating chat features directly into their platforms to support collaboration, customer service, and community engagement. For product teams, this shift creates a clear opportunity, but also a technical challenge. Real-time messaging systems require infrastru
228cture capable of handling instant message delivery, user presence, and large volumes of concurrent connections.&quot;]}],[0,{&quot;title&quot;:[0,&quot;How to Create a Marketplace App: Complete Startup Blueprint&quot;],&quot;href&quot;:[0,&quot;/blog/how-to-create-a-marketplace-app-complete-startup-blueprint&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;Digital marketplaces have transformed how people buy, sell, and connect online. From service marketplaces to product platforms, this business model enables startups to create ecosystems where buyers and sellers interact directly.&quot;]}],[0,{&quot;title&quot;:[0,&quot;Why a visual IOS builder is transforming app development in 2026&quot;],&quot;href&quot;:[0,&quot;/blog/why-a-visual-ios-builder-is-transforming-app-development-in-2026&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;That hassle isn&#39;t just annoying; it actually holds teams back. Plenty of great app ideas just die in the planning stage because there&#39;s never enough engineering time to go around. &quot;]}],[0,{&quot;title&quot;:[0,&quot;App Making Coding Explained: From Beginner to Advanced Development&quot;],&quot;href&quot;:[0,&quot;/blog/app-making-coding-explained-from-beginner-to-advanced-development&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Building a Video Chat App: Features, Tech Stack and Costs&quot;],&quot;href&quot;:[0,&quot;/blog/building-a-video-chat-app-features-tech-stack-and-costs&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;How Startups Can build a community app Faster with an ai builder app&quot;],&quot;href&quot;:[0,&quot;/blog/how-startups-can-build-a-community-app-faster-with-an-ai-builder-app&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;How to Build a Calendar App Using a Low Code App Development Platform&quot;],&quot;href&quot;:[0,&quot;/blog/how-to-build-a-calendar-app-using-a-low-code-app-development-platform&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;How to build a hotel booking app Like Airbnb&quot;],&quot;href&quot;:[0,&quot;/blog/how-to-build-a-hotel-booking-app-like-airbnb&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;How to build ecommerce android app with quick mobile app development Strategies in 2026&quot;],&quot;href&quot;:[0,&quot;/blog/how-to-build-ecommerce-android-app-with-quick-mobile-app-development-strategies-in-2026&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Step-by-Step Guide on how to build a p2p payment app for startups&quot;],&quot;href&quot;:[0,&quot;/blog/step-by-step-guide-on-how-to-build-a-p2p-payment-app-for-startups&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;How to Build an App for My Business: A Practical Guide for Entrepreneurs&quot;],&quot;href&quot;:[0,&quot;/blog/how-to-build-an-app-for-my-business-a-practical-guide-for-entrepreneurs&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Create Your Own Application: Complete Beginner&#39;s Guide&quot;],&quot;href&quot;:[0,&quot;/blog/create-your-own-application-complete-beginners-guide&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;What’s New in Designer - March 12, 2026&quot;],&quot;href&quot;:[0,&quot;/blog/designer-release-notes-march-12-2026&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;This month&#39;s release helps you spend less time clicking around and more time designing — with faster editing, smarter shortcuts, and a canvas that stays out of your way. &quot;]}],[0,{&quot;title&quot;:[0,&quot;How to Build a Fitness App: Features, Costs &amp; Monetization&quot;],&quot;href&quot;:[0,&quot;/blog/how-to-build-a-fitness-app-features-costs-monetization&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;How to Create a Dating App: Step-by-Step Guide for Startups&quot;],&quot;href&quot;:[0,&quot;/blog/how-to-create-a-dating-app-step-by-step-guide-for-startups&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;What is an App Development Platform and Why it Matters&quot;],&quot;href&quot;:[0,&quot;/blog/what-is-an-app-development-platform-and-why-it-matters&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;
228How to Create a Social Network App: Complete Step-by-Step Guide for 2026&quot;],&quot;href&quot;:[0,&quot;/blog/how-to-create-a-social-network-app-complete-step-by-step-guide-for-2026&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Best App Making Platforms 2026&quot;],&quot;href&quot;:[0,&quot;/blog/best-app-making-platforms-2026&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;What’s New in Designer - Feb 25, 2026&quot;],&quot;href&quot;:[0,&quot;/blog/designer-release-notes-feb-25-2026&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;Welcome to FF Designer. We&#39;re so excited to have you here! This is just the beginning, and we&#39;re moving fast. &quot;]}],[0,{&quot;title&quot;:[0,&quot;How to Run Faster Product Experiments Without Derailing Engineering&quot;],&quot;href&quot;:[0,&quot;/blog/how-to-run-faster-product-experiments-without-derailing-engineering&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;From PRD to prototype to production: a practical workflow for FlutterFlow product teams&quot;],&quot;href&quot;:[0,&quot;/blog/from-prd-to-prototype-to-production-a-practical-workflow-for-flutterflow-product-teams&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;How to Train and Onboard Teams to FlutterFlow Without Creating Chaos&quot;],&quot;href&quot;:[0,&quot;/blog/how-to-train-and-onboard-teams-to-flutterflow-without-creating-chaos&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Data Modeling for App Builders: Designing Collections and Schemas That Won’t Hurt Later&quot;],&quot;href&quot;:[0,&quot;/blog/data-modeling-for-app-builders-designing-collections-and-schemas-that-wont-hurt-later&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Onboarding Designers to FlutterFlow: Best Practices for Enterprise Teams&quot;],&quot;href&quot;:[0,&quot;/blog/onboarding-designers-to-flutterflow-best-practices-for-enterprise-teams&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Why Internal Tools Are the Fastest Way to See Value from AI&quot;],&quot;href&quot;:[0,&quot;/blog/why-internal-tools-are-the-fastest-way-to-see-value-from-ai&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Building for Scale Without Overbuilding&quot;],&quot;href&quot;:[0,&quot;/blog/building-for-scale-without-overbuilding&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Managing Multi-App Portfolios in FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/managing-multi-app-portfolios-in-flutterflow&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Performance Pitfalls in Visual Development (and How to Avoid Them)&quot;],&quot;href&quot;:[0,&quot;/blog/performance-pitfalls-in-visual-development-and-how-to-avoid-them&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;How to Run Automated Tests in FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/how-to-run-automated-tests-in-flutterflow&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Writing Your First Custom Action in FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/writing-your-first-custom-action-in-flutterflow&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Making the Most of Components in FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/making-the-most-of-components-in-flutterflow&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Publishing to the FlutterFlow Marketplace&quot;],&quot;href&quot;:[0,&quot;/blog/publishing-to-the-flutterflow-marketplace&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Which Is Better for Scalability: FlutterFlow or React Native?&quot;],&quot;href&quot;:[0,&quot;/blog/which-is-better-for-scalability-flutterflow-or-react-native&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Streamlining Development Workflows With FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/streamlining-development-workflows-with-flutterflow&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;How to Convince Stakeholders to Embrace Visual Development for Teams&quot;],&quot;href&quot;:[0,&quot;
228/blog/how-to-convince-stakeholders-to-embrace-visual-development-for-teams&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;FlutterFlow Community Awards - 2025&quot;],&quot;href&quot;:[0,&quot;/blog/flutterflow-community-awards-2025&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Extending the Capabilities of Apps with Custom Code in FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/extending-the-capabilities-of-apps-with-custom-code-in-flutterflow&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;An Engineering Manager’s Guide to Scaling Teams With FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/an-engineering-managers-guide-to-scaling-teams-with-flutterflow&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Leveraging Libraries for Scalable Apps in FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/leveraging-libraries-for-scalable-apps-in-flutterflow&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;How Visual Development Improves Collaboration Between Developers, Designers and Product Managers&quot;],&quot;href&quot;:[0,&quot;/blog/how-visual-development-improves-collaboration-between-developers-designers-and-product-managers&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;The Future of Enterprise Applications is Composable&quot;],&quot;href&quot;:[0,&quot;/blog/the-future-of-enterprise-applications-is-composable&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;The Hidden Cost of Frontend Bloat and How FlutterFlow Solves It&quot;],&quot;href&quot;:[0,&quot;/blog/the-hidden-cost-of-frontend-bloat-and-how-flutterflow-solves-it&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;FlutterFlow for Backend Teams: Why It’s Not Just a Frontend Tool&quot;],&quot;href&quot;:[0,&quot;/blog/flutterflow-for-backend-teams-why-its-not-just-a-frontend-tool&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Scaling Super Apps: Modular Architecture with FlutterFlow Libraries&quot;],&quot;href&quot;:[0,&quot;/blog/scaling-super-apps-modular-architecture-with-flutterflow-libraries&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;From Trivia to Training: This AI-Powered App is Your Next Enterprise Tool&quot;],&quot;href&quot;:[0,&quot;/blog/from-trivia-to-training-this-ai-powered-app-is-your-next-enterprise-tool&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Updates to Our Plans and Pricing&quot;],&quot;href&quot;:[0,&quot;/blog/updates-to-our-plans-and-pricing&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Building the Appwrite FlutterFlow Library&quot;],&quot;href&quot;:[0,&quot;/blog/building-the-appwrite-flutterflow-library&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Game-Changing News for FlutterFlow Developers: Apple&#39;s App Store Payment Restrictions Lifted&quot;],&quot;href&quot;:[0,&quot;/blog/game-changing-news-for-flutterflow-developers-apples-app-store-payment-restrictions-lifted&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Built with FlutterFlow: Student Innovation Shines at TreeHacks&quot;],&quot;href&quot;:[0,&quot;/blog/built-with-flutterflow-student-innovation-shines-at-treehacks-2&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Introducing a local database that auto-syncs with Supabase&quot;],&quot;href&quot;:[0,&quot;/blog/introducing-a-local-database-that-auto-syncs-with-supabase&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Adalo vs. FlutterFlow: Which is the Best Platform for Scalable Apps?&quot;],&quot;href&quot;:[0,&quot;/blog/adalo-vs-flutterflow-which-is-the-best-platform-for-scalable-apps&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Bubble vs. FlutterFlow: Which is the Best Platform for Scalable Apps?&quot;],&quot;href&quot;:[0,&quot;/blog/bubble-vs-flutterflow-which-is-the-best-platform-for-scalable-apps&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;WeWeb vs. FlutterFlow: Which is the Best Platform for Scalable Apps?&quot;],&quot;href&quot;:[0,&quot;/blog/weweb-vs-flutterflow-which-is-the-best-platform-for-scalable-apps&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Scaling PierShare with FlutterFlow Dev Environments&quot;],&quot;href&quot;:[0,&quot;/blog/scaling-piershare-with-flutterflow-dev-environments&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Using FlutterFlow Libraries to build Adapty&lt;&gt;FlutterFlow integration&quot;],&quot;href&quot;:[0,&quot;/blog/using-flutterflow-libraries-to-build-adapty-flutterflow-integration&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Useful ChatGPT Prompts to Accelerate Your Startup Growth&quot;],&quot;href&quot;:[0,&quot;/blog/useful-chatgpt-prompts-to-accelerate-your-startup-growth&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Five Women-Run Startups powered by FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/five-women-run-businesses-powered-by-flutterflow&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Empowering Agencies: Streamline App Development &amp; Unlock New Revenue with FlutterFlow Libraries&quot;],&quot;href&quot;:[0,&quot;/blog/streamline-app-development-unlock-new-revenue-with-flutterflow-libraries&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Pushing the boundaries of what&#39;s possible with FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/pushing-the-boundaries-of-whats-possible-with-flutterflow&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Introducing FlutterFlow Developer Groups&quot;],&quot;href&quot;:[0,&quot;/blog/introducing-flutterflow-developer-group&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;FlutterFlow Developer Groups are a unique opportunity for developers of all levels to connect with like-minded individuals, share their knowledge, and gain exclusive access to resources to help them elevate their app development skills around FlutterFlow.&quot;]}],[0,{&quot;title&quot;:[0,&quot;What would happen to FlutterFlow if Google stops funding Flutter?&quot;],&quot;href&quot;:[0,&quot;/blog/what-would-happen-to-flutterflow-if-google-stops-funding-flutter&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;FlutterFlow 2024: our product vision and roadmap&quot;],&quot;href&quot;:[0,&quot;/blog/flutterflow-2024-our-product-vision-and-roadmap&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;Where we see the FlutterFlow platform headed in the next year, and how we&#39;re planning to get there&quot;]}],[0,{&quot;title&quot;:[0,&quot;CakeSchool: Revolutionizing Pastry Education with FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/a-pastry-class-in-your-pocket-cakeschool-built-by-a-flutterflow-agency&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Introducing MakeWell: A FlutterFlow Success Story in Personalized Healthcare&quot;],&quot;href&quot;:[0,&quot;/blog/introducing-makewell-a-flutterflow-success-story-in-personalized-healthcare&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Smart Travel Diary with Gemini AI and FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/smart-travel-diary-with-gemini-ai-and-flutterflow&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;Build a smart travel diary app with Gemini AI and FlutterFlow&quot;]}],[0,{&quot;title&quot;:[0,&quot;India&#39;s First AI Technology Business Incubator Hosts AI Hackathon with FlutterFlow &amp; Buildship&quot;],&quot;href&quot;:[0,&quot;/blog/indias-first-ai-technology-business-incubator-hosts-an-ai-hackathon-with-flutterflow-buildship&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Empowering Environmental Change: The TrashBlitz App built with FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/trashblitz&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;NatParks: Revolutionizing National Park Exploration with FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/natparks-revolutionizing-national-park-exploration-with-flutterflow-2&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;PlayerFinder: Connecting Gamers with FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/playerfinder&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Building Arrive: From Concept to Market with FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/building-arrive-from-concept-to-market-with-flutterflow&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;10 Production-Ready FlutterFlow Apps&quot;],&quot;href&quot;:[0,&quot;/blog/10-production-ready-flutterflow-apps-in-2023&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Silver: Revolutionizing FSA and HSA Claims with FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/silver-app&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Buddy Bee: Home Automation for the Physically Challenged&quot;],&quot;href&quot;:[0,&quot;/blog/buddybee&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;DentalRx - Innovation in Dental Pharmacology&quot;],&quot;href&quot;:[0,&quot;/blog/dentalrx&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Transforming Handyman Services in Croatia: The Success Story of Postaj&quot;],&quot;href&quot;:[0,&quot;/blog/transforming-handyman-services-in-croatia-the-success-story-of-postaj&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;How FlutterFlow Elevated the Tech Event Swag Game&quot;],&quot;href&quot;:[0,&quot;/blog/how-flutterflow-elevated-the-tech-event-swag-game&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Deploying your FlutterFlow web app with Firebase Hosting&quot;],&quot;href&quot;:[0,&quot;/blog/deploying-flutterflow-web-app-to-firebase-hosting&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;How to deploy your FlutterFlow project to the web with Firebase Hosting, and automate the process with GitHub Actions&quot;]}],[0,{&quot;title&quot;:[0,&quot;COIN App - Managing Finances Made Simple&quot;],&quot;href&quot;:[0,&quot;/blog/coin-app-managing-finances-made-simple&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;In the digital age, managing personal finances has become a crucial aspect of modern living. To cater to this growing need, Mateo Fuentes decided to build the COIN, a user-friendly mobile application designed to streamline personal finance management.&quot;]}],[0,{&quot;title&quot;:[0,&quot;Building a Video Calling App Using Agora and Flutter&quot;],&quot;href&quot;:[0,&quot;/blog/video-calling-app-using-agora-and-flutter&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Transforming the Maritime Industry: The Blue Pass App Powered by FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/blue-pass-flutterflow-in-the-ministry-of-energy-and-infrastru
228cture&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Creating an App for Interacting with IoT Devices using BLE and FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/creating-an-app-for-interacting-with-any-iot-devices-using-ble&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;In this blog post, we&#39;ll unlock the process of integrating Bluetooth functionality in a FlutterFlow project using Custom Actions and guide you on how to prep an IoT device for interaction with the app.&quot;]}],[0,{&quot;title&quot;:[0,&quot;How Do You Monetize a Mobile Application?&quot;],&quot;href&quot;:[0,&quot;/blog/how-do-mobile-apps-make-money&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Kidnee: A New Way to Manage Kidney Disease | Built in FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/kidnee-a-new-way-to-manage-kidney-disease&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;How FlutterFlow Became the Game-Changer for an Agency&#39;s Success | Ab.Money x AppFyl.&quot;],&quot;href&quot;:[0,&quot;/blog/the-success-story-of-ab-money-a-flutterflow-powered-meditation-app&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Improving the image loading UX of your app in FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/improving-the-image-loading-ux-of-your-app&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Integrating ChatGPT with FlutterFlow: A Step-by-Step Tutorial&quot;],&quot;href&quot;:[0,&quot;/blog/chatgpt-api-flutterflow-integration-tutorial&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;In this tutorial, we will show you how to integrate ChatGPT with FlutterFlow, a low-code platform for building cross-platform applications.&quot;]}],[0,{&quot;title&quot;:[0,&quot;Creating an Expandable Button using FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/creating-an-expandable-button&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Accept Payments in Your Flutter App Using Razorpay&quot;],&quot;href&quot;:[0,&quot;/blog/accept-payments-in-your-flutter-app-using-razorpay&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;How to Create a User Referral System in FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/create-a-referral-system-in-flutterflow-app-in-4-easy-steps&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;How to Import a CSV Into FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/how-to-import-csv-into-flutterflow&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;Importing a CSV file into your FlutterFlow project is a simple process, as long as you have Firebase set up. In this tutorial, we will go over how to import a CSV file into your FlutterFlow project.&quot;]}],[0,{&quot;title&quot;:[0,&quot;Unleashing the Power of Animations 2.0&quot;],&quot;href&quot;:[0,&quot;/blog/animations-v2&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;Learn how to take your FlutterFlow Animations to the next level.&quot;]}],[0,{&quot;title&quot;:[0,&quot;Phone Authentication using FlutterFlow &amp; Firebase&quot;],&quot;href&quot;:[0,&quot;/blog/phone-authentication-using-flutterflow&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;In-App Subscriptions Using RevenueCat and FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/in-app-subscriptions-using-revenue-cat&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;RevenueCat makes it a lot simpler to manage in-app purchases and subscriptions by providing a wrapper around Apple&#39;s StoreKit and Google Play Billing services.&quot;]}],[0,{&quot;title&quot;:[0,&quot;Building a Live Streaming app using FlutterFlow and Mux&quot;],&quot;href&quot;:[0,&quot;/blog/live-streaming-using-mux&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Using Choice Chips to Filter Firestore Query&quot;],&quot;href&quot;:[0,&quot;/blog/choice-chips-to-filter-firestore-query&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Implementing Search Functionality - To Do App #3&quot;],&quot;href&quot;:[0,&quot;/blog/implementing-search&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Live Tracking in Google Maps Using FlutterFlow and Firebase - Driver App&quot;],&quot;href&quot;:[0,&quot;/blog/live-tracking-google-maps-driver&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Live Tracking in Google Maps Using FlutterFlow and Firebase - Rider App&quot;],&quot;href&quot;:[0,&quot;/blog/live-tracking-google-maps-rider&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Preventing Layout Overflows in FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/preventing-layout-overflows&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Building a Chrome Extension using FlutterFlow&quot;],&quot;href&quot;:[0,&quot;/blog/building-a-chrome-extension&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Math Expression Evaluator Using a Custom Action&quot;],&quot;href&quot;:[0,&quot;/blog/math-expression-evaluator&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Building a QR Code Generator - Custom Widget&quot;],&quot;href&quot;:[0,&quot;/blog/qr-code-generator&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Storing Data to the Cloud Using Firestore - To Do App #2&quot;],&quot;href&quot;:[0,&quot;/blog/cloud-firestore&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;Second part of the Todo blog series, exploring Cloud Firestore database integration with FlutterFlow&quot;]}],[0,{&quot;title&quot;:[0,&quot;Integrating Firebase Authentication and Google Sign In - To Do App #1&quot;],&quot;href&quot;:[0,&quot;/blog/firebase-authentication&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;First part of the Todo blog series, a walkthrough of integrating Email sign-in and Google Sign-In using Firebase Authentication to a FlutterFlow app&quot;]}],[0,{&quot;title&quot;:[0,&quot;Sending an Email Using FlutterFlow and SendGrid&quot;],&quot;href&quot;:[0,&quot;/blog/sending-email&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;Email is one of the most reliable ways to connect with your users. Learn how to send an email using FlutterFlow and SendGrid.&quot;]}],[0,{&quot;title&quot;:[0,&quot;Creating a Serverless Live Streaming App Using Flutter and Mux&quot;],&quot;href&quot;:[0,&quot;/blog/flutter-mux-live-streaming&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;Live streaming has become one of the essential forms to distribute media content to people all across the globe. In this article, we&#39;ll look at the Mux platform that handles all the complexity of a live streaming pipeline and integrates it with a Flutter application.&quot;]}],[0,{&quot;title&quot;:[0,&quot;Improve Your App’s User Experience by Adding Animations&quot;],&quot;href&quot;:[0,&quot;/blog/improve-user-experience-by-adding-animations&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;
228Learn about the different types of animations supported by FlutterFlow and which one you should choose depending on your use case.&quot;]}],[0,{&quot;title&quot;:[0,&quot;Building a Flutter Slide Puzzle With Minimal Code&quot;],&quot;href&quot;:[0,&quot;/blog/building-flutter-slide-puzzle-with-minimal-code&quot;],&quot;category&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;Build a working version of the Flutter Slide Puzzle from scratch with very minimal code using FlutterFlow.&quot;]}],[0,{&quot;title&quot;:[0,&quot;AB Money&quot;],&quot;href&quot;:[0,&quot;/customer-stories/ab-money&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;Transforming Mental Well-being: AB.Money’s Success with FlutterFlow&quot;],&quot;keywords&quot;:[1,[[0,&quot;healthcare&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Postaj&quot;],&quot;href&quot;:[0,&quot;/customer-stories/postaj&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;How Postaj Revolutionized Handyman Services in Croatia with FlutterFlow&quot;],&quot;keywords&quot;:[1,[[0,&quot;logistics&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;SparkCharge&quot;],&quot;href&quot;:[0,&quot;/customer-stories/sparkcharge&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;SparkCharge: Revolutionizing Mobile EV Charging&quot;],&quot;keywords&quot;:[1,[[0,&quot;logistics&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;TrustEHR&quot;],&quot;href&quot;:[0,&quot;/customer-stories/trustehr&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;Revolutionizing Healthcare: TrustEHR’s Digital Transformation with FlutterFlow&quot;],&quot;keywords&quot;:[1,[[0,&quot;healthcare&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;BluePass&quot;],&quot;href&quot;:[0,&quot;/customer-stories/bluepass&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;Transforming the Maritime Industry: The Blue Pass App Powered by FlutterFlow&quot;],&quot;keywords&quot;:[1,[[0,&quot;logistics&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Silver&quot;],&quot;href&quot;:[0,&quot;/customer-stories/silver&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;Simplifying FSA/HSA Reimbursements: Silver’s Journey with FlutterFlow&quot;],&quot;keywords&quot;:[1,[[0,&quot;healthcare&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Outmarket&quot;],&quot;href&quot;:[0,&quot;/customer-stories/outmarket&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;Revolutionizing Commercial P&amp;C Insurance: Outmarket’s Journey with FlutterFlow&quot;],&quot;keywords&quot;:[1,[[0,&quot;ai&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;CreatorsAGI&quot;],&quot;href&quot;:[0,&quot;/customer-stories/creatorsagi&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;Revolutionizing AI for Creators: The Rise of Creators AGI with FlutterFlow&quot;],&quot;keywords&quot;:[1,[[0,&quot;ai&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Parenteo&quot;],&quot;href&quot;:[0,&quot;/customer-stories/parenteo&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;Building a Community-Centered Parenting App: Parenteo’s Success with FlutterFlow&quot;],&quot;keywords&quot;:[1,[[0,&quot;consumer&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Nuclea&quot;],&quot;href&quot;:[0,&quot;/customer-stories/nuclea&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;Building the Future of ERP: Nuclea’s Success with FlutterFlow&quot;],&quot;keywords&quot;:[1,[[0,&quot;enterprise&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Grupo Purdy&quot;],&quot;href&quot;:[0,&quot;/customer-stories/grupo-purdy&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;Grupo Purdy Accelerates Development Timelines with FlutterFlow&quot;],&quot;keywords&quot;:[1,[[0,&quot;enterprise&quot;],[0,&quot;logistics&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Asia-Pacific Enterprise Bank&quot;],&quot;href&quot;:[0,&quot;/customer-stories/banking-enterprise-mobile-development&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;Leading Bank Deployed 60+ Digital Journeys in a Single Quarter Without Compromising Code Quality or Security&quot;],&quot;keywords&quot;:[1,[[0,&quot;financial-services&quot;],[0,&quot;enterprise&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Enterprise Treasury Bank&quot;],&quot;href&quot;:[0,&quot;/customer-stories/banking-enterprise-treasury-operations-mobile-development&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;Leading Bank Modernizes Treasury Communications at Enterprise Scale&quot;],&quot;keywords&quot;:[1,[[0,&quot;financial-services&quot;],[0,&quot;enterprise&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Leading Consumer Bank&quot;],&quot;href&quot;:[0,&quot;/customer-stories/financial-services-banking-50-million-users&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;How a Leading Bank Migrated 50 Million Users and Reclaimed Ownership of Its Digital Experience&quot;],&quot;keywords&quot;:[1,[[0,&quot;financial-services&quot;],[0,&quot;enterprise&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;U.S. Financial Services Enterprise&quot;],&quot;href&quot;:[0,&quot;/customer-stories/financial-services-enterprise-mobile-innovation&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;How a Leading U.S. Financial Services Company Accelerated Mobile Prototyping at Enterprise Scale&quot;],&quot;keywords&quot;:[1,[[0,&quot;financial-services&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;
228U.S. Infrastructure Enterprise&quot;],&quot;href&quot;:[0,&quot;/customer-stories/infrastructure-enterprise-internal-applications&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;How a U.S. Infrastructure Enterprise Reduced Application Risk and Strengthened Delivery Discipline&quot;],&quot;keywords&quot;:[1,[]]}],[0,{&quot;title&quot;:[0,&quot;North American Appliance Manufacturer&quot;],&quot;href&quot;:[0,&quot;/customer-stories/manufacturing-mobile-development-north-america&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;Leading North American appliance manufacturer cut onboarding time in half and reduced operational losses&quot;],&quot;keywords&quot;:[1,[[0,&quot;manufacturing&quot;],[0,&quot;internal-applications&quot;],[0,&quot;enterprise&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;NTUC Fairprice&quot;],&quot;href&quot;:[0,&quot;/customer-stories/ntuc-fairprice&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;Building a SuperApp for 13,000 Employees: FairPrice Group’s Success with FlutterFlow&quot;],&quot;keywords&quot;:[1,[[0,&quot;enterprise&quot;],[0,&quot;retail&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;National Tax Authority&quot;],&quot;href&quot;:[0,&quot;/customer-stories/public-sector-national-infrastructure-mobile-development&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;How a National Tax Authority Built an Adaptive, Modular TDS Platform at Sovereign Scale&quot;],&quot;keywords&quot;:[1,[[0,&quot;public-sector&quot;],[0,&quot;enterprise&quot;],[0,&quot;financial-services&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;Large-Scale Sports and Entertainment Campus&quot;],&quot;href&quot;:[0,&quot;/customer-stories/sports-and-entertainment-internal-applications&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;Large-Scale Sports and Entertainment Campus Standardized Internal App Delivery&quot;],&quot;keywords&quot;:[1,[[0,&quot;enterprise&quot;],[0,&quot;logistics&quot;],[0,&quot;internal-applications&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;High-Growth Sports Brand&quot;],&quot;href&quot;:[0,&quot;/customer-stories/sports-consumer-products-enterprise-mobile-applications&quot;],&quot;category&quot;:[0,&quot;Customer Stories&quot;],&quot;description&quot;:[0,&quot;Accelerating Lightweight Consumer App Development at a High-Growth Sports Brand&quot;],&quot;keywords&quot;:[1,[[0,&quot;consumer&quot;],[0,&quot;logistics&quot;]]]}],[0,{&quot;title&quot;:[0,&quot;AB Money&quot;],&quot;href&quot;:[0,&quot;/showcase/ab-money&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;Meditation app that made it to the top of App Store in Eastern Europe with over 600K users&quot;]}],[0,{&quot;title&quot;:[0,&quot;AllYou&quot;],&quot;href&quot;:[0,&quot;/showcase/allyou&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;All-in-one wellness and fitness companion&quot;]}],[0,{&quot;title&quot;:[0,&quot;Atlas&quot;],&quot;href&quot;:[0,&quot;/showcase/atlas&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;Navigation and location-based discovery app&quot;]}],[0,{&quot;title&quot;:[0,&quot;Breatho&quot;],&quot;href&quot;:[0,&quot;/showcase/breatho&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;Guided breathing exercises for stress relief and mindfulness&quot;]}],[0,{&quot;title&quot;:[0,&quot;CRW&quot;],&quot;href&quot;:[0,&quot;/showcase/crw&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;Creative writing and journaling companion&quot;]}],[0,{&quot;title&quot;:[0,&quot;DreamBrush&quot;],&quot;href&quot;:[0,&quot;/showcase/dreambrush&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;AI-powered digital art creation tool&quot;]}],[0,{&quot;title&quot;:[0,&quot;ECOZE&quot;],&quot;href&quot;:[0,&quot;/showcase/ecoze&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;Track your environmental impact and build sustainable habits&quot;]}],[0,{&quot;title&quot;:[0,&quot;Freddie: Your Queer Space&quot;],&quot;href&quot;:[0,&quot;/showcase/freddie-your-queer-space&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;Safe social space for the LGBTQ+ community&quot;]}],[0,{&quot;title&quot;:[0,&quot;Habit Rewards&quot;],&quot;href&quot;:[0,&quot;/showcase/habit-rewards&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;Build better habits with a gamified reward system&quot;]}],[0,{&quot;title&quot;:[0,&quot;Homebaker: Bread Baking Notes&quot;],&quot;href&quot;:[0,&quot;/showcase/homebaker-bread-baking-notes&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;Track and perfect your sourdough and bread recipes&quot;]}],[0,{&quot;title&quot;:[0,&quot;Kawenter&quot;],&quot;href&quot;:[0,&quot;/showcase/kawenter&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;Travel planning and itinerary management platform&quot;]}],[0,{&quot;title&quot;:[0,&quot;NatParks&quot;],&quot;href&quot;:[0,&quot;/showcase/natparks&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;Explore and discover national parks around the world&quot;]}],[0,{&quot;title&quot;:[0,&quot;Parenteo&quot;],&quot;href&quot;:[0,&quot;/showcase/parenteo&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;Parenting companion for tracking milestones and activities&quot;]}],[0,{&quot;title&quot;:[0,&quot;PocketCalc&quot;],&quot;href&quot;:[0,&quot;/showcase/pocketcalc&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;Beautiful and functional calculator app&quot;]}],[0,{&quot;title&quot;:[0,&quot;SparkCharge&quot;],&quot;href&quot;:[0,&quot;/showcase/sparkcharge&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;On-demand EV charging delivery service&quot;]}],[0,{&quot;title&quot;:[0,&quot;Tayo Rituals&quot;],&quot;href&quot;:[0,&quot;/showcase/tayo-rituals&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;A mindful rituals and self-care tracking app&quot;]}],[0,{&quot;title&quot;:[0,&quot;Till Always&quot;],&quot;href&quot;:[0,&quot;/showcase/till-always&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;Memory preservation app for couples and families&quot;]}],[0,{&quot;title&quot;:[0,&quot;TIME&amp;SPACE&quot;],&quot;href&quot;:[0,&quot;/showcase/time-space&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;Event discovery and social planning app&quot;]}],[0,{&quot;title&quot;:[0,&quot;Wildsound&quot;],&quot;href&quot;:[0,&quot;/showcase/wildsound&quot;],&quot;category&quot;:[0,&quot;Showcase&quot;],&quot;description&quot;:[0,&quot;Immersive nature soundscapes for focus and relaxation&quot;]}],[0,{&quot;title&quot;:[0,&quot;New Storyboard, RevenueCat &amp; Find and Replace&quot;],&quot;href&quot;:[0,&quot;/changelog/storyboard-revenuecat-find-and-replace&quot;],&quot;category&quot;:[0,&quot;Changelog&quot;],&quot;description&quot;:[0,&quot;The rebuilt Storyboard runs on an infinite canvas and shows which widget triggers each n
228avigation. RevenueCat adds paywall, customer, and subscription actions, and Search can find and replace variables, colors, and fonts. This release also adds Data Type folders, Test Mode device frames, pub.dev package search, and Child Widget parameters for custom widgets. In total, this release includes 22 features and improvements and 18 bug fixes.&quot;]}],[0,{&quot;title&quot;:[0,&quot;Project Search, Try / Catch &amp; Modern Calendar&quot;],&quot;href&quot;:[0,&quot;/changelog/project-search-try-catch-modern-calendar&quot;],&quot;category&quot;:[0,&quot;Changelog&quot;],&quot;description&quot;:[0,&quot;This release brings new ways to navigate your project, handle errors, and build more flexible app experiences. Find what you need with Project Search, manage errors with Try / Catch / Finally, and add date-range selection with the Modern Calendar, alongside improvements to queries, scrolling, and the AI Agent.&quot;]}],[0,{&quot;title&quot;:[0,&quot;Supabase Upsert, RPC Calls &amp; Full-Text Search&quot;],&quot;href&quot;:[0,&quot;/changelog/supabase-upsert-rpc-full-text-search&quot;],&quot;category&quot;:[0,&quot;Changelog&quot;],&quot;description&quot;:[0,&quot;Supabase and Postgres gain an Upsert Row action, Supabase RPC calls you can run straight from action flows with typed results, and a Postgres-backed Search (Full-Text) query filter. Plus fixes for case-sensitive collaborator invites, iOS phone sign-in with reCAPTCHA Enterprise, and the code editor&#39;s handling of Windows line endings.&quot;]}],[0,{&quot;title&quot;:[0,&quot;Native AI Agent &amp; Claude Code and Codex Plugins&quot;],&quot;href&quot;:[0,&quot;/changelog/native-ai-agent-claude-code-codex-plugins&quot;],&quot;category&quot;:[0,&quot;Changelog&quot;],&quot;description&quot;:[0,&quot;Use Claude Code or Codex directly inside FlutterFlow Desktop, or connect either agent through new plugins for desktop and terminal workflows. This release also adds app-wide text selection, Builder canvas screenshots for connected agents, and customizable PinCode entry animations.&quot;]}],[0,{&quot;title&quot;:[0,&quot;FlutterFlow 7.0&quot;],&quot;href&quot;:[0,&quot;/changelog/flutterflow-7-0&quot;],&quot;category&quot;:[0,&quot;Changelog&quot;],&quot;description&quot;:[0,&quot;FlutterFlow 7.0 is here, focused on building faster and building better. Connect your own agent and model over MCP with Live Sessions, ship AI-powered QA with Test Pilot, and go from nothing to a working prototype in under a minute. Build Better brings Supabase Edge Functions, upgraded test mode and AI agents, and a first-class home for custom code.&quot;]}],[0,{&quot;title&quot;:[0,&quot;GenUI &amp; Page/Component Gen Updates&quot;],&quot;href&quot;:[0,&quot;/changelog/genui-page-component-gen-updates&quot;],&quot;category&quot;:[0,&quot;Changelog&quot;],&quot;description&quot;:[0,&quot;This release brings two big upgrades to how you build with AI. GenUI introduces a new kind of app experience, instead of hard-coding every screen and flow, you define components and action blocks, and an AI agent composes them into real, interactive UI in response to what users actually ask for. And our AI Page and Component Generators now run on the same engine that powers FlutterFlow Designer, delivering noticeably higher-quality output, faster generation, and much better fidelity to your prompts.&quot;]}],[0,{&quot;title&quot;:[0,&quot;FlutterFlow MCP&quot;],&quot;href&quot;:[0,&quot;/changelog/flutterflow-mcp&quot;],&quot;category&quot;:[0,&quot;Changelog&quot;],&quot;description&quot;:[0,&quot;We&#39;ve launched FlutterFlow MCP, a new way to build and edit FlutterFlow apps using the AI coding agent you already use.&quot;]}],[0,{&quot;title&quot;:[0,&quot;Child Slots, Supabase, Shaders &amp; New Aspect Ratio Widget&quot;],&quot;href&quot;:[0,&quot;/changelog/shader-uploads-supabase-oauth-aspect-ratio-widget&quot;],&quot;category&quot;:[0,&quot;Changelog&quot;],&quot;description&quot;:[0,&quot;This release introduces Supabase OAuth integration for streamlined setup, custom shader uploads for ShaderFill and ShadeWrapper widgets, and a new AspectRatio widget with preset and custom ratio support. Improvements include radial gradient and chart conversion from Designer, higher-quality PDF previews, dynamic-height radio buttons, and offline Local Run support. Plus 31 bug fixes addressing build failures, crashes, code export issues, and more.&quot;]}]]]}" ssr client="idle" opts="{&quot;name&quot;:&quot;CommandMenu&quot;,&quot;value&quot;:true}"></astro-island>
228 <main id="main-content" class="flex-1" style="padding-top: 73px">  <astro-island uid="1Sl6eD" prefix="r1" component-url="/_astro/product.CovteS8m.js" component-export="PageBody" renderer-url="/_astro/client.CaH2aK5y.js" props="{}" ssr client="load" opts="{&quot;name&quot;:&quot;PageBody&quot;,&quot;value&quot;:true}" await-children><div class="relative overflow-x-clip"><div class="pointer-events-none absolute inset-x-0 -top-[73px] h-[calc(90vh+73px)] bg-[radial-gradient(ellipse_60%_50%_at_50%_0%,_rgba(75,57,239,0.35)_0%,_transparent_70%)]"></div><div class="hidden lg:block absolute -top-[73px] -right-[2vw] w-[45vw] pointer-events-none"><div class="relative"><img src="/images/product/product-hero-mockup-2_1.avif" alt="FlutterFlow product interface" width="2400" height="1400" class="h-auto w-full mix-blend-luminosity" loading="eager" fetchPriority="high" decoding="async"/><div class="absolute inset-x-0 bottom-0 h-1/2 bg-gradient-to-t from-background via-background/50 to-transparent"></div></div></div><div class="relative mx-auto max-w-[84.5rem] px-6 md:px-8"><div class="grid gap-6 lg:grid-cols-[200px_1fr]"><nav class="sticky top-[73px] hidden h-[calc(100vh-73px)] flex-col justify-center gap-10 pb-[12vh] lg:flex"><a href="#design" class="block text-base font-medium transition-colors text-foreground">Design</a><a href="#build" class="block text-base font-medium transition-colors text-adaptive/40 hover:text-adaptive/70">Build</a><a href="#customize" class="block text-base font-medium transition-colors text-adaptive/40 hover:text-adaptive/70">Customize</a><a href="#collaborate" class="block text-base font-medium transition-colors text-adaptive/40 hover:text-adaptive/70">Collaborate</a><a href="#test" class="block text-base font-medium transition-colors text-adaptive/40 hover:text-adaptive/70">Test</a><a href="#deploy" class="block text-base font-medium transition-colors text-adaptive/40 hover:text-adaptive/70">Deploy</a></nav><div><section class="-mt-[73px] pt-[73px] py-24 md:py-32 lg:min-h-[90vh]"><div class="max-w-[45rem] lg:pt-16"><h1>Rethink how you build</h1><p class="mt-6 max-w-xl text-lg text-muted-foreground md:text-xl">FlutterFlow is a visual development platform for building high quality, customized apps faster</p><div class="mt-8"><a href="https://app.flutterflow.io/create-account" target="_blank" rel="noopener noreferrer" class="group/button inline-flex shrink-0 items-center justify-center font-heading font-semibold whitespace-nowrap transition-all duration-250 outline-none select-none tracking-[0.03em] leading-none focus-visible:ring-2 focus-visible:ring-brand-primary/50 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-gradient-to-b from-brand-primary to-[#2b2189] text-white rounded-lg hover:brightness-110 active:brightness-95 px-8 py-4 text-[1.13rem] gap-3">Get started free</a></div></div><div class="relative mt-12 lg:hidden"><img src="/images/product/product-hero-mockup-2_1.avif" alt="FlutterFlow product interface" width="2400" height="1400" class="h-auto w-full rounded-card" loading="eager" fetchPriority="high" decoding="async"/></div></section><section id="design" class="scroll-mt-28 py-16 md:py-24"><h2 class="mb-10 max-w-[57rem]">Design stunning apps, that scale as you grow</h2><div class="mb-12 flex flex-col gap-6 sm:flex-row sm:gap-8 md:mb-16"><p class="flex-1 text-muted-foreground">Create your own design system in FlutterFlow or import themes from Figma to make your app match your brand design</p><p class="flex-1 text-muted-foreground">Easily share design systems across projects, which allows you to implement the same theme across multiple projects</p><p class="flex-1 text-muted-foreground">Pull from a repository of beautiful UI components, pages and sample apps</p></div><div class="relative overflow-hidden rounded-card border border-adaptive/5 " style="aspect-ratio:2"><div class="absolute" style="width:35%;top:11%;left:2%;mix-blend-mode:normal;transform:translateY(10%)"><img src="/images/product/Group-1_1.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="absolute" style="width:30%;top:14%;right:29%;mix-blend-mode:normal;transform:none"><img src="/images/product/Frame-101.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="absolute" style="width:16%;top:28%;right:6%;mix-blend-mode:normal;transform:translateY(-20%)"><img src="/images/product/Frame-119.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="absolute" style="width:20%;bottom:12%;right:37%;mix-blend-mode:normal;transform:none"><img src="/images/product/Frame-104.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="absolute" style="width:22%;bottom:14%;right:7%;mix-blend-mode:normal;transform:translateY(-10%)"><img src="/images/product/Frame-107_1.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-brand-primary/20 to-transparent"></div></div></section><section id="build" class="scroll-mt-28 py-16 md:py-24"><h2 class="mb-10 max-w-[57rem]">Build faster with visual tools &amp; live data</h2><div class="mb-12 flex flex-col gap-6 sm:flex-row sm:gap-8 md:mb-16"><p class="flex-1 text-muted-foreground">Build faster with a visual interface, using 200+ configurable UI elements</p><p class="flex-1 text-muted-foreground">Add action logic within your app with our visual Action Flow Editor</p><p class="flex-1 text-muted-foreground">View your app&#x27;s overall design in real time with live previews</p><p class="flex-1 text-muted-foreground">Connect your app to live data using integrations with Firebase &amp; Supabase, or a custom backend with our RESTful API support</p></div><div class="relative overflow-hidden rounded-card border border-adaptive/5 " style="aspect-ratio:2"><div class="absolute" style="width:36%;top:14%;left:2%;mix-blend-mode:normal;transform:translateY(-10%)"><img src="/images/product/Widget-Library_1.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="absolute" style="width:28%;top:50%;left:50%;transform:none;mix-blend-mode:normal"><img src="/images/product/Group-67_1.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="absolute" style="width:50%;bottom:6%;right:-6%;mix-blend-mode:normal;transform:translateY(-10%)"><img src="/images/product/Group-69_1.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-brand-primary/20 to-transparent"></div></div></section><section id="customize" class="scroll-mt-28 py-16 md:py-24"><h2 class="mb-10 max-w-[57rem]">Customize everything with granular control</h2><div class="mb-12 flex flex-col gap-6 sm:flex-row sm:gap-8 md:mb-16"><p class="flex-1 text-muted-foreground">Leverage custom Dart functions, or custom Flutter widgets when you need more flexibility</p><p class="flex-1 text-muted-foreground">Write and deploy Google Cloud Functions to manage your backend without needing to leave the platform</p><p class="flex-1 text-muted-foreground">Optimize your App&#x27;s user experience through granular control of widget properties and logic</p></div><div class="relative overflow-hidden rounded-card border border-adaptive/5 " style="aspect-ratio:2"><div class="absolute" style="width:35%;top:11%;left:3%;mix-blend-mode:luminosity;transform:translateY(-10%)"><img src="/images/product/image-19_1.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="absolute" style="width:25%;top:10%;left:42%;mix-blend-mode:normal;transform:none"><img src="/images/product/CleanShot-2024-09-16-at-04.20.082x_1.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="absolute" style="width:35%;bottom:4%;right:-1%;mix-blend-mode:normal;transform:translateY(10%)"><img src="/images/product/CleanShot-2024-09-12-at-13.34.052x-1_1.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-brand-primary/20 to-transparent"></div></div></section><section id="collaborate" class="scroll-mt-28 py-16 md:py-24"><h2 class="mb-10 max-w-[57rem]">Collaborate seamlessly with your entire product team</h2><div class="mb-12 flex flex-col gap-6 sm:flex-row sm:gap-8 md:mb-16"><p class="flex-1 text-muted-foreground">Invite anyone on your team to easily view, edit and test your app without needing to install anything on your machine</p><p class="flex-1 text-muted-foreground">Share project links connected to live data to collect feedback easily</p><p class="flex-1 text-muted-foreground">Develop collaboratively with your team by using our advanced branching features</p><p class="flex-1 text-muted-foreground">Share UI components across projects to minimize rebuilding across projects</p></div><div class="relative overflow-hidden rounded-card border border-adaptive/5 " style="aspect-ratio:2"><div class="absolute" style="width:35%;top:5%;left:2%;mix-blend-mode:normal;transform:none"><img src="/images/product/Group-78_1.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="absolute" style="width:29%;top:8%;left:36%;mix-blend-mode:normal;transform:translateY(-10%)"><img src="/images/product/Group-76_1.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="absolute" style="width:35%;top:5%;right:0%;mix-blend-mode:normal;transform:none"><img src="/images/product/Group-77.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="absolute" style="width:10%;top:50%;left:30%;mix-blend-mode:normal;transform:translateY(-20%)"><img src="/images/product/Group-25.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="absolute" style="width:10%;top:25%;right:30%;mix-blend-mode:normal;transform:translateY(20%)"><img src="/images/product/Group-80.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-brand-primary/20 to-transparent"></div></div></section><section id="test" class="scroll-mt-28 py-16 md:py-24"><h2 class="mb-10 max-w-[57rem]">Test &amp; Debug your app with our automated tools</h2><div class="mb-12 flex flex-col gap-6 sm:flex-row sm:gap-8 md:mb-16"><p class="flex-1 text-muted-foreground">Test your app on a real device using Local Run or downloading code &amp; running it in VSCode or Android Studio</p><p class="flex-1 text-muted-foreground">Create automated tests for your projects to ensure stability across all platforms</p><p class="flex-1 text-muted-foreground">Quickly troubleshoot issues in your FlutterFlow projects through our Debug Panel</p></div><div class="relative overflow-hidden rounded-card border border-adaptive/5 " style="aspect-ratio:2"><div class="absolute" style="width:71%;bottom:0%;right:47%;mix-blend-mode:luminosity;transform:none"><img src="/images/product/CleanShot-2024-08-28-at-05.51.412x-1_1.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="absolute" style="width:25%;top:11%;left:42%;mix-blend-mode:normal;transform:translateY(-10%)"><img src="/images/product/CleanShot-2024-09-16-at-08.03.24.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="absolute" style="width:50%;bottom:10%;right:-16%;mix-blend-mode:normal;transform:none">
228<img src="/images/product/Group-74_1.avif" alt="" width="800" height="600" loading="lazy" decoding="async" class="h-auto w-full rounded-lg"/></div><div class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-brand-primary/20 to-transparent"></div></div></section><section id="deploy" class="scroll-mt-28 py-16 md:py-24"><h2 class="mb-10 max-w-[57rem]">Deploy your app across platforms with full control</h2><div class="mb-12 flex flex-col gap-6 sm:flex-row sm:gap-8 md:mb-16"><p class="flex-1 text-muted-foreground">Leverage Google Translate integration for instant localization across multiple languages</p><p class="flex-1 text-muted-foreground">Build robust, responsive apps that fit every device size. Deploy to the App Store, Play Store &amp; Web with a few clicks.</p><p class="flex-1 text-muted-foreground">Export your code anytime — no vendor lock-in</p></div><div class="flex items-end justify-center gap-4 md:gap-8"><div class="w-1/5 max-w-[200px]"><img src="/images/product/Phone.avif" alt="Phone app" width="600" height="1000" class="w-full h-auto rounded-image" loading="lazy" decoding="async"/></div><div class="w-1/4 max-w-[300px]"><img src="/images/home/iPad_1.avif" alt="iPad app" width="1245" height="900" class="w-full h-auto rounded-image" loading="lazy" decoding="async"/></div><div class="w-2/5 max-w-[600px]"><img src="/images/product/Laptop_1.avif" alt="Laptop app" width="2000" height="1200" class="w-full h-auto rounded-image" loading="lazy" decoding="async"/></div></div></section></div></div></div><section class="bg-background py-24 md:py-32"><div class="mx-auto px-6 md:px-8 max-w-[84.5rem]"><div class="mb-12 md:mb-16 text-center"><h2>Use integrations to add rich functionality to your App</h2></div><div class="grid grid-cols-2 gap-4 md:grid-cols-4"><a href="https://docs.flutterflow.io/integrations/ai-agents" target="_blank" rel="noopener noreferrer" class="group rounded-card border border-adaptive/5 p-6 transition-colors hover:border-adaptive/20 bg-[radial-gradient(circle_farthest-side_at_0%_0%,_rgba(87,87,87,0.4)_0%,_rgba(6,17,0,0)_44%)]"><span class="mb-6 inline-block rounded-full border border-adaptive/10 bg-adaptive/5 px-3 py-1 text-xs text-muted-foreground">AI</span><div class="h-8"><img src="/images/integrations/openai.svg" alt="OpenAI" width="160" height="32" class="h-full w-auto max-w-[140px] object-contain brightness-0 invert" loading="lazy" decoding="async"/></div></a><a href="https://docs.flutterflow.io/integrations/ai-agents" target="_blank" rel="noopener noreferrer" class="group rounded-card border border-adaptive/5 p-6 transition-colors hover:border-adaptive/20 bg-[radial-gradient(circle_farthest-side_at_0%_0%,_rgba(87,87,87,0.4)_0%,_rgba(6,17,0,0)_44%)]"><span class="mb-6 inline-block rounded-full border border-adaptive/10 bg-adaptive/5 px-3 py-1 text-xs text-muted-foreground">AI</span><div class="h-8"><img src="/images/integrations/gemini.avif" alt="Gemini" width="160" height="32" class="h-full w-auto max-w-[140px] object-contain brightness-0 invert" loading="lazy" decoding="async"/></div></a><a href="https://docs.flutterflow.io/integrations/ai-agents" target="_blank" rel="noopener noreferrer" class="group rounded-card border border-adaptive/5 p-6 transition-colors hover:border-adaptive/20 bg-[radial-gradient(circle_farthest-side_at_0%_0%,_rgba(87,87,87,0.4)_0%,_rgba(6,17,0,0)_44%)]"><span class="mb-6 inline-block rounded-full border border-adaptive/10 bg-adaptive/5 px-3 py-1 text-xs text-muted-foreground">AI</span><div class="h-8"><img src="/images/integrations/anthropic.svg" alt="Anthropic" width="160" height="32" class="h-full w-auto max-w-[140px] object-contain brightness-0 invert" loading="lazy" decoding="async"/></div></a><a href="https://docs.flutterflow.io/integrations/payments/stripe" target="_blank" rel="noopener noreferrer" class="group rounded-card border border-adaptive/5 p-6 transition-colors hover:border-adaptive/20 bg-[radial-gradient(circle_farthest-side_at_0%_0%,_rgba(87,87,87,0.4)_0%,_rgba(6,17,0,0)_44%)]"><span class="mb-6 inline-block rounded-full border border-adaptive/10 bg-adaptive/5 px-3 py-1 text-xs text-muted-foreground">Payments</span><div class="h-8"><img src="/images/integrations/stripe.svg" alt="Stripe" width="160" height="32" class="h-full w-auto max-w-[140px] object-contain brightness-0 invert" loading="lazy" decoding="async"/></div></a><a href="https://docs.flutterflow.io/integrations/payments/revenuecat" target="_blank" rel="noopener noreferrer" class="group rounded-card border border-adaptive/5 p-6 transition-colors hover:border-adaptive/20 bg-[radial-gradient(circle_farthest-side_at_0%_0%,_rgba(87,87,87,0.4)_0%,_rgba(6,17,0,0)_44%)]"><span class="mb-6 inline-block rounded-full border border-adaptive/10 bg-adaptive/5 px-3 py-1 text-xs text-muted-foreground">Payments</span><div class="h-8"><img src="/images/integrations/revenuecat.svg" alt="RevenueCat" width="160" height="32" class="h-full w-auto max-w-[140px] object-contain brightness-0 invert" loading="lazy" decoding="async"/></div></a><a href="https://docs.flutterflow.io/integrations/search/algolia-search" target="_blank" rel="noopener noreferrer" class="group rounded-card border border-adaptive/5 p-6 transition-colors hover:border-adaptive/20 bg-[radial-gradient(circle_farthest-side_at_0%_0%,_rgba(87,87,87,0.4)_0%,_rgba(6,17,0,0)_44%)]"><span class="mb-6 inline-block rounded-full border border-adaptive/10 bg-adaptive/5 px-3 py-1 text-xs text-muted-foreground">Search</span><div class="h-8"><img src="/images/integrations/algolia.svg" alt="Algolia" width="160" height="32" class="h-full w-auto max-w-[140px] object-contain brightness-0 invert" loading="lazy" decoding="async"/></div></a><a href="https://docs.flutterflow.io/concepts/alerts-notification/one-signal/" target="_blank" rel="noopener noreferrer" class="group rounded-card border border-adaptive/5 p-6 transition-colors hover:border-adaptive/20 bg-[radial-gradient(circle_farthest-side_at_0%_0%,_rgba(87,87,87,0.4)_0%,_rgba(6,17,0,0)_44%)]"><span class="mb-6 inline-block rounded-full border border-adaptive/10 bg-adaptive/5 px-3 py-1 text-xs text-muted-foreground">Notifications</span><div class="h-8"><img src="/images/integrations/onesignal.avif" alt="OneSignal" width="160" height="32" class="h-full w-auto max-w-[140px] object-contain brightness-0 invert" loading="lazy" decoding="async"/></div></a><a href="https://docs.flutterflow.io/integrations/firebase/connect-to-firebase" target="_blank" rel="noopener noreferrer" class="group rounded-card border border-adaptive/5 p-6 transition-colors hover:border-adaptive/20 bg-[radial-gradient(circle_farthest-side_at_0%_0%,_rgba(87,87,87,0.4)_0%,_rgba(6,17,0,0)_44%)]"><span class="mb-6 inline-block rounded-full border border-adaptive/10 bg-adaptive/5 px-3 py-1 text-xs text-muted-foreground">Database</span><div class="h-8"><img src="/images/integrations/firebase.svg" alt="Firebase" width="160" height="32" class="h-full w-auto max-w-[140px] object-contain brightness-0 invert" loading="lazy" decoding="async"/></div></a><a href="https://docs.flutterflow.io/integrations/supabase/setup" target="_blank" rel="noopener noreferrer" class="group rounded-card border border-adaptive/5 p-6 transition-colors hover:border-adaptive/20 bg-[radial-gradient(circle_farthest-side_at_0%_0%,_rgba(87,87,87,0.4)_0%,_rgba(6,17,0,0)_44%)]"><span class="mb-6 inline-block rounded-full border border-adaptive/10 bg-adaptive/5 px-3 py-1 text-xs text-muted-foreground">Database</span><div class="h-8"><img src="/images/integrations/supabase.svg" alt="Supabase" width="160" height="32" class="h-full w-auto max-w-[140px] object-contain brightness-0 invert" loading="lazy" decoding="async"/></div></a><a href="https://docs.flutterflow.io/integrations/google-maps/generate-maps-keys" target="_blank" rel="noopener noreferrer" class="group rounded-card border border-adaptive/5 p-6 transition-colors hover:border-adaptive/20 bg-[radial-gradient(circle_farthest-side_at_0%_0%,_rgba(87,87,87,0.4)_0%,_rgba(6,17,0,0)_44%)]"><span class="mb-6 inline-block rounded-full border border-adaptive/10 bg-adaptive/5 px-3 py-1 text-xs text-muted-foreground">Maps</span><div class="h-8"><img src="/images/integrations/google-maps.png" alt="Google Maps" width="160" height="32" class="h-full w-auto max-w-[140px] object-contain brightness-0 invert" loading="lazy" decoding="async"/></div></a><a href="https://docs.flutterflow.io/integrations/" target="_blank" rel="noopener noreferrer" class="group rounded-card border border-adaptive/5 p-6 transition-colors hover:border-adaptive/20 bg-[radial-gradient(circle_farthest-side_at_0%_0%,_rgba(87,87,87,0.4)_0%,_rgba(6,17,0,0)_44%)]"><span class="mb-6 inline-block rounded-full border border-adaptive/10 bg-adaptive/5 px-3 py-1 text-xs text-muted-foreground">Deployment</span><div class="h-8"><img src="/images/integrations/codemagic.svg" alt="Codemagic" width="160" height="32" class="h-full w-auto max-w-[140px] object-contain brightness-0 invert" loading="lazy" decoding="async"/></div></a><a href="https://docs.flutterflow.io/exporting/push-to-github/" target="_blank" rel="noopener noreferrer" class="group rounded-card border border-adaptive/5 p-6 transition-colors hover:border-adaptive/20 bg-[radial-gradient(circle_farthest-side_at_0%_0%,_rgba(87,87,87,0.4)_0%,_rgba(6,17,0,0)_44%)]"><span class="mb-6 inline-block rounded-full border border-adaptive/10 bg-adaptive/5 px-3 py-1 text-xs text-muted-foreground">Deployment</span><div class="h-8"><img src="/images/integrations/github.svg" alt="GitHub" width="160" height="32" class="h-full w-auto max-w-[140px] object-contain brightness-0 invert" loading="lazy" decoding="async"/></div></a></div></div></section><section class="bg-background py-24 md:py-32"><div class="mx-auto px-6 md:px-8 max-w-[84.5rem]"><div class="mb-12 md:mb-16 text-center"><h2>We&#x27;ll help you get started with FlutterFlow</h2></div><div class="grid gap-4 md:grid-cols-4"><a href="https://docs.flutterflow.io/" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-card bg-card border border-adaptive/5 p-6 md:p-8 transition-colors hover:border-brand-primary/30"><div class="mb-4 flex items-start justify-between"><div class="size-12"></div><svg class="size-6 text-muted-foreground transition-colors group-hover:text-foreground" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.00004 24L24 8M24 8H10.6667M24 8V21.3333" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><h5 class="mb-2 font-heading">Documentation</h5><p class="text-sm text-muted-foreground">Review our product documentation for detailed guides &amp; tutorials on our features</p></a><a href="https://www.youtube.com/playlist?list=PLsUp7t2vRqx9UE13G8Xod8F-m248iR0E3" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-card bg-card border border-adaptive/5 p-6 md:p-8 transition-colors hover:border-brand-primary/30"><div class="mb-4 flex items-start justify-between"><div class="size-12"></div><svg class="size-6 text-muted-foreground transition-colors group-hover:text-foreground" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.00004 24L24 8M24 8H10.6667M24 8V21.3333" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><h5 class="mb-2 font-heading">Trainings</h5><p class="text-sm text-muted-foreground">Watch our series of video trainings to learn how to build FlutterFlow projects from scratch</p></a><a href="https://partners.flutterflow.io/browse-developers" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-card bg-card border border-adaptive/5 p-6 md:p-8 transition-colors hover:border-brand-primary/30"><div class="mb-4 flex items-start justify-between"><div class="size-12"></div><svg class="size-6 text-muted-foreground transition-colors group-hover:text-foreground" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.00004 24L24 8M24 8H10.6667M24 8V21.3333" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><h5 class="mb-2 font-heading">Hire a Developer</h5><p class="text-sm text-muted-foreground">Hire a FlutterFlow Agency or Freelancer to help build your app</p></a><a href="https://marketplace.flutterflow.io/home" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-card bg-card border border-adaptive/5 p-6 md:p-8 transition-colors hover:border-brand-primary/30"><div class="mb-4 flex items-start justify-between"><div class="size-12"></div><svg class="size-6 text-muted-foreground transition-colors group-hover:text-foreground" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.00004 24L24 8M24 8H10.6667M24 8V21.3333" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><h5 class="mb-2 font-heading">Templates</h5><p class="text-sm text-muted-foreground">Explore high quality FlutterFlow templates on our marketplace to get started quickly</p></a></div></div></section><section class="bg-background py-24 md:py-32 relative overflow-hidden"><div class="mx-auto px-6 md:px-8 max-w-[84.5rem]"><div class="pointer-events-none absolute inset-0 bg-[radial-gradient(ellipse_at_center,_rgba(75,57,239,0.15)_0%,_transparent_70%)]"></div><div class="relative z-10 text-center"><h2>Join over<!-- --> <span class="text-brand-primary text-[1.4em] leading-[0.9]">3.3M</span> <!-- -->users building with FlutterFlow!</h2><div class="mt-8"><a href="https://app.flutterflow.io/create-account" target="_blank" rel="noopener noreferrer" class="group/button inline-flex shrink-0 items-center justify-center font-heading font-semibold whitespace-nowrap transition-all duration-250 outline-none select-none tracking-[0.03em] leading-none focus-visible:ring-2 focus-visible:ring-brand-primary/50 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-gradient-to-b from-brand-primary to-[#2b2189] text-white rounded-lg hover:brightness-110 active:brightness-95 px-16 py-8 text-2xl gap-4">Start for Free</a></div></div></div></section></div><!--astro:end--></astro-island>  </main> <footer class="border-t border-adaptive/5"><div class="mx-auto max-w-[84.5rem] px-6 py-16 md:px-8 md:py-24"><div class="grid grid-cols-2 gap-8 md:grid-cols-3 lg:grid-cols-6"><div class="col-span-2 md:col-span-3 lg:col-span-1"><a href="/" aria-label="homepage"><img src="/images/brand/PrimaryLogo.svg" alt="FlutterFlow logo" width="40" height="40" loading="lazy" decoding="async" class="h-10 w-auto mb-6"/></a><div class="flex items-center gap-3"><a href="https://twitter.com/flutterflow" target="_blank" rel="noopener noreferrer" aria-label="X
228/Twitter" class="text-muted-foreground hover:text-foreground transition-colors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1761 4H19.9362L13.9061 10.7774L21 20H15.4456L11.0951 14.4066L6.11723 20H3.35544L9.80517 12.7508L3 4H8.69545L12.6279 9.11262L17.1761 4ZM16.2073 18.3754H17.7368L7.86441 5.53928H6.2232L16.2073 18.3754Z" fill="currentColor"></path></svg></a><a href="https://www.linkedin.com/company/flutterflow/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" class="text-muted-foreground hover:text-foreground transition-colors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 3C3.67157 3 3 3.67157 3 4.5V19.5C3 20.3284 3.67157 21 4.5 21H19.5C20.3284 21 21 20.3284 21 19.5V4.5C21 3.67157 20.3284 3 19.5 3H4.5ZM8.52076 7.00272C8.52639 7.95897 7.81061 8.54819 6.96123 8.54397C6.16107 8.53975 5.46357 7.90272 5.46779 7.00413C5.47201 6.15897 6.13998 5.47975 7.00764 5.49944C7.88795 5.51913 8.52639 6.1646 8.52076 7.00272ZM12.2797 9.76176H9.75971V18.3216H12.4217V18.1219C12.4217 17.742 12.4214 17.362 12.4211 16.9819V16.9818C12.4203 15.9674 12.4194 14.9532 12.4246 13.9397C12.426 13.6936 12.4372 13.4377 12.5005 13.2028C12.7381 12.3253 13.5271 11.7586 14.4074 11.8979C14.9727 11.9864 15.3467 12.3141 15.5042 12.8471C15.6013 13.1803 15.6449 13.5389 15.6491 13.8863C15.6605 14.9339 15.6589 15.9815 15.6573 17.0292C15.6567 17.3992 15.6561 17.769 15.6561 18.1388V18.3202H18.328V18.1149C18.328 17.6629 18.3278 17.211 18.3275 16.7591C18.327 15.6293 18.3264 14.5001 18.3294 13.3702C18.3308 12.8597 18.276 12.3563 18.1508 11.8627C17.9638 11.1286 17.5771 10.5211 16.9485 10.0824C16.5027 9.77019 16.0133 9.5691 15.4663 9.5466C15.404 9.54401 15.3412 9.54062 15.2781 9.53721C14.9984 9.52209 14.7141 9.50673 14.4467 9.56066C13.6817 9.71394 13.0096 10.0641 12.5019 10.6814C12.4429 10.7522 12.3852 10.8241 12.2991 10.9314L12.2797 10.9557V9.76176ZM5.68164 18.3244H8.33242V9.76733H5.68164V18.3244Z" fill="currentColor"></path></svg></a><a href="https://www.youtube.com/@FlutterFlow" target="_blank" rel="noopener noreferrer" aria-label="YouTube" class="text-muted-foreground hover:text-foreground transition-colors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5686 4.77345C21.5163 5.02692 22.2555 5.76903 22.5118 6.71673C23.1821 9.42042 23.1385 14.5321 22.5259 17.278C22.2724 18.2257 21.5303 18.965 20.5826 19.2213C17.9071 19.8831 5.92356 19.8015 3.40294 19.2213C2.45524 18.9678 1.71595 18.2257 1.45966 17.278C0.827391 14.7011 0.871044 9.25144 1.44558 6.73081C1.69905 5.78311 2.44116 5.04382 3.38886 4.78753C6.96561 4.0412 19.2956 4.282 20.5686 4.77345ZM9.86682 8.70227L15.6122 11.9974L9.86682 15.2925V8.70227Z" fill="currentColor"></path></svg></a><a href="https://www.reddit.com/r/FlutterFlow/" target="_blank" rel="noopener noreferrer" aria-label="Reddit" class="text-muted-foreground hover:text-foreground transition-colors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M10.75 13.04c0-.57-.47-1.04-1.04-1.04s-1.04.47-1.04 1.04a1.04 1.04 0 1 0 2.08 0m3.34 2.37c-.45.45-1.41.61-2.09.61s-1.64-.16-2.09-.61a.26.26 0 0 0-.38 0 .26.26 0 0 0 0 .38c.71.71 2.07.77 2.47.77s1.76-.06 2.47-.77a.26.26 0 0 0 0-.38c-.1-.1-.27-.1-.38 0m.2-3.41c-.57 0-1.04.47-1.04 1.04s.47 1.04 1.04 1.04 1.04-.47 1.04-1.04-.47-1.04-1.04-1.04"></path><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m5.8 11.33c.02.14.03.29.03.44 0 2.24-2.61 4.06-5.83 4.06s-5.83-1.82-5.83-4.06c0-.15.01-.3.03-.44-.51-.23-.86-.74-.86-1.33a1.455 1.455 0 0 1 2.47-1.05c1.01-.73 2.41-1.19 3.96-1.24l.74-3.49c.01-.07.05-.13.11-.16.06-.04.13-.05.2-.04l2.42.52a1.04 1.04 0 1 1 .93 1.5c-.56 0-1.01-.44-1.04-.99l-2.17-.46-.66 3.12c1.53.05 2.9.52 3.9 1.24a1.455 1.455 0 1 1 1.6 2.38"></path></svg></a></div><p class="mt-6 text-xs text-muted-foreground">Copyright © <!-- -->2026<!-- --> FlutterFlow, Inc. All rights reserved.</p></div><div><p class="mb-4 text-sm font-semibold font-heading">Product</p><ul class="space-y-2.5"><li><a href="/product" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Features</a></li><li><a href="/flutterflow-changelog" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Changelog</a></li><li><a href="/desktop" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Desktop Apps</a></li><li><a href="/enterprise" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Enterprise</a></li><li><a href="/ai" class="text-sm text-muted-foreground hover:text-foreground transition-colors">AI</a></li><li><a href="/pricing" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Pricing</a></li><li><a href="/designer" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Designer</a></li><li><a href="https://dreamflow.app" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors">DreamFlow</a></li><li><a href="https://status.flutterflow.io/" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors"><span class="inline-flex items-center gap-2.5"><span class="relative flex size-2.5" aria-hidden="true"><span class="absolute inline-flex size-full rounded-full bg-green-500 opacity-75 motion-safe:animate-ping"></span><span class="relative inline-flex size-2.5 rounded-full bg-green-500 shadow-[0_0_4px_rgba(34,197,94,0.5)]"></span></span>Status</span></a></li></ul></div><div><p class="mb-4 text-sm font-semibold font-heading">Resources</p><ul class="space-y-2.5"><li><a href="https://docs.flutterflow.io/" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Docs</a></li><li><a href="https://campus.flutterflow.io/" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Campus</a></li><li><a href="https://marketplace.flutterflow.io/home" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Templates</a></li><li><a href="/work-with-developers" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Hire a Developer</a></li><li><a href="/work-with-developers" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Work with Developers</a></li><li><a href="/apply-to-be-a-developer" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Apply to be a Developer</a></li><li><a href="https://www.youtube.com/playlist?list=PLsUp7t2vRqx9UE13G8Xod8F-m248iR0E3" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Trainings</a></li><li><a href="/blog" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Blog</a></li></ul></div><div><p class="mb-4 text-sm font-semibold font-heading">Community</p><ul class="space-y-2.5"><li><a href="https://community.flutterflow.io/" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Community</a></li><li><a href="/ambassadors" class="text-sm text-muted-foreground hover:text-foreground transition-colors">
228Ambassadors</a></li><li><a href="/flutterflow-developer-groups" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Developer Groups</a></li><li><a href="/student-ambassadors" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Student Ambassadors</a></li></ul></div><div><p class="mb-4 text-sm font-semibold font-heading">Company</p><ul class="space-y-2.5"><li><a href="/about-us" class="text-sm text-muted-foreground hover:text-foreground transition-colors">About Us</a></li><li><a href="https://jobs.ashbyhq.com/FlutterFlow" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Careers</a></li><li><a href="/contact-us" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Contact Us</a></li></ul></div><div><p class="mb-4 text-sm font-semibold font-heading">Legal</p><ul class="space-y-2.5"><li><a href="/tos" class="text-sm text-muted-foreground hover:text-foreground transition-colors">TOS</a></li><li><a href="/privacy" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Privacy</a></li><li><a href="/tos-marketplace" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Marketplace TOS</a></li></ul></div></div></div></footer>
vendor: 68 bytes, line 228
228 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
228GTM-PQ36VR4Z
vendor: 149 bytes, line 228
228" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
228GTM-5WLZ45XZ
vendor: 82 bytes, line 228
228" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
228<noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=7881820&fmt=gif"></noscript>
228<script type="module" src="/_astro/third-party-body.astro_astro_type_script_index_0_lang.DWszN9f4.js"></script>
228 </body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.