Flutter

@FlutterDev • 277,796 subscribers

Google’s UI toolkit to build apps for mobile, web, & desktop from a single codebase

Shorts

93,224 views

28,405 views

210,065 views

16,360 views

31,878 views

66,483 views

50,187 views

28,248 views

26,797 views

26,178 views

17,302 views

12,063 views

14,246 views

11,660 views

10,072 views

Videos

sweetdream.ai

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Private Show

Join now for exclusive access

Free preview available • Premium content

13,151 views • 13 days ago

20,597 views • 1 month ago

26,180 views • 1 month ago

14,247 views • 26 days ago

25,733 views • 1 month ago

16,350 views • 1 month ago

17,788 views • 1 month ago

140,768 views • 1 year ago

25,556 views • 2 months ago

11,315 views • 25 days ago

10,956 views • 29 days ago

20,272 views • 2 months ago

22,918 views • 2 months ago

16,947 views • 1 month ago

10,635 views • 1 month ago

14,478 views • 1 month ago

92,325 views • 1 year ago

24,075 views • 3 months ago

150,240 views • 3 years ago

23,167 views • 4 months ago

Live Cam

Flutter

Shorts

Flutter 3.38 is here! 🩵 ✨ This release cleans up your UI code with new Dot Shorthands, making development faster and more readable. Get the details of all that’s new →

Introducing Agentic Hot Reload: Hot reload that will work automatically with every coding agent ⚡ When you prompt your agent to make a change, it will reload your running app and show you UI updates in real-time.

🥳 The #FlutterForward agenda is LIVE! You won't want to miss the latest updates from the team about the great Flutter content to come on January 25, 2023: 🔴 Keynote ⚙️ Workshops 👥 #AskFlutter Live 💫 Flutter Tips 👀 And more! Register now ➡️

Fun fact: 4 out of 5 devs at SoFi prefer Flutter over native development 🙌

Good news! The Dart and Flutter MCP server is automatically configured when you install the Flutter Extension for Gemini CLI 🙌 This gives Gemini access to developer tools like Select Widget Mode, Hot Reload, and more. Details →

Last week's release of Flutter 3.13 introduced new APIs for creating widgets that scroll in two dimensions. Now, you can see them in action with TableView! 🤩 Check out the two_dimensional_scrollables package on

Improving Flutter web app performance with WASM compilation 💫 We're helping you deliver next-gen web apps with Flutter and Dart. Learn more here. →

28% of new free apps on the iOS app store are built with Flutter 🩵 Leverage a rich ecosystem of ready-made plugins for iOS and Apple integrations, such as Apple Pay, Apple Wallet, Apple Login, and much more →

With the Flutter Widget Previewer, you can see your widgets render in real-time, separate from a full app, in the Chrome browser 🔎 To start the previewer, show a widget in it, and customize a preview, see the details in the docs →

It's not a square. ⬛🙅‍♂️ It's not a circle. ⚫🙅‍♀️ It's a squircle! In Flutter 3.32, we've introduced a new addition to Flutter’s shape capabilities: the rounded superellipse, a cornerstone of the iOS design language.

Elevate your chat UI with gradient chat bubbles 💭✨ Replace boring solid color chat bubble backgrounds with smooth gradients. Learn how to build your own custom painter to create beautiful gradients →

We're 100K strong on LinkedIn! As always, this milestone wouldn't be possible without the incredible Flutter community 🩵 If you're not following us on LinkedIn... what are you waiting for? Fly on over and join the flock →

Flutter is ready for the big stage. 🎸 We're officially 1 week away from #FlutterInProduction. → See below for a special coding challenge!

Learn to request, play, and track video ads in your Flutter app 🎦 In this video tutorial, learn how to implement VAST ads in your Flutter app using the Interactive Media Ads plugin →

Adding generative AI to your app? Should you use the Google Generative AI package or Firebase Vertex AI? Keep watching. 👀 Khanh Nguyen 🥥🌴 breaks down the differences (and similarities) between the two →

Videos

Watch Anya Live

Here's why you should be building with Full-stack Dart 👀 Andrew Brogdon catches up with Serverpod founder Viktor Lidholt at #FlutterconUSA26 to discuss what’s coming in Serverpod 4: full-stack hot reload, built-in MCP servers for AI coding agents, and more!

Welcome to our new monthly series, Notable Commits!🔔 From framework updates to major upgrades in desktop performance and developer tooling, this recap showcases how Google and the global Flutter community are advancing the framework together.

Iterable lets you create Dart classes that you can loop over just like Lists. Watch this #TechniqueOfTheWeek ↓

Save time and memory with generators, this week's #TechniqueOfTheWeek! ✨

Another reason to love Flutter? Its streamlined onboarding process makes it easy to add new developers to a project.

📦 What's a pub package you can't live without?

Discover why Knowunity chose to ship their AI learning app with Flutter 📝 Chapters: 0:23 - Why Knowunity chose Flutter 0:38 - Animations 1:19 - Growing to scale: Google fullstack developer products 2:04 - Localization 2:57 - Dart's quick learning curve

Learn how to use Themes to create a consistent look and feel across your Material App in Flutter. ⬇️

Learn how SoFi reduced their codebase 60% using Flutter ✂ A unified codebase let the team delete 1M lines of code, slashing maintenance while shipping faster to iOS and Android. Chapters: 1:01 - The problem 1:23 - Why SoFi chose Flutter 2:17 - Results of migration

Flutter can help minimize onboarding friction and training overhead thanks to Dart’s short learning curve! The Knowunity team was able to hire and scale their team with Dart from supporting 50K users to 1M users within 1 year! ↓

How would you explain stateful vs. stateless widgets to your grandparents? 👵🏽

Deciding between A2UI and MCP Apps for your agentic interfaces? You don't have to choose 💫 This guide breaks down 3 architectural patterns for combining the best of declarative and custom UIs, including how A2UI and MCP Apps can seamlessly interact with each other.

ChangeNotifier is a simple class included in the Flutter SDK which provides change notification to its listeners. Use ChangeNotifier to keep your application state and UI in sync. #TechniqueOfTheWeek

Let's dive into another #WidgetOfTheWeek! 🤿 Use SliverSemantics and SliverEnsureSemantics to make your sliver-based UIs accessible.

Here’s how Knowunity powers their AI learning app with Google dev tools including Flutter, Google Cloud, and Gemini 💫

Does your first programming language hold a special place in your heart? 💓 See what Dart and Flutter devs said at #GoogleIO ↓

📺 Coming soon to a screen near you... Be sure to tune in for #FlutterInProduction on December 17th at 11am PT. →

Full-stack Dart is here! With experimental Dart support in Cloud Functions, you can share code seamlessly across platforms and between clients and server for a unified developer experience 🙌 Watch the demo ↓

😍💙 Introducing #17DaysOfFlutter Leading up to #FlutterForward on January 25th, we will be posting NEW content every day to get you pumped and ready for the big day! 🎥 Videos 📝 Codelabs ✨ Blogs 🎉 And more! Watch the video 🍿 →

Explore the dart_mcp package, a powerful framework for building Model Context Protocol (MCP) servers and clients in Dart, enabling you to connect AI models to resources, tools, and create custom workflows.