# Flutter documentation

> Get started with Flutter. Widgets, examples, updates, and API docs to help you write your first Flutter app.



<div class="card-grid">
  <Card title="Install Flutter" link="/install" outlined="true">
    Set up your environment and start building.
  </Card>
  <Card title="Widget catalog" link="/ui/widgets" outlined="true">
    Dip into the rich set of Flutter widgets available in the SDK.
  </Card>
  <Card title="API docs" link="https://api.flutter.dev" outlined="true">
    Bookmark the API reference docs for the Flutter framework.
  </Card>
  <Card title="Learning resources" link="/learn" outlined="true">
    Browse tutorials, sample code, workshops, and recipes.
  </Card>
  <Card title="Videos" link="https://www.youtube.com/@flutterdev" outlined="true">
    View the many videos on the Flutter YouTube channel.
  </Card>
  <Card title="Create with AI" link="/ai/create-with-ai" outlined="true">
    Learn how to build with and integrate powerful AI tools.
  </Card>
</div>

**To see changes to the site since our last release,
see [What's new][].**

[What's new]: /release/whats-new

## New to Flutter?

Ready to build beautiful, multiplatform apps from a single codebase?
First, [set up your Flutter environment][],
then follow the [Flutter learning pathway][].

[set up your Flutter environment]: /install/quick
[Flutter learning pathway]: /learn/pathway

### Docs

Coming from another platform? Check out Flutter for:
[Android][], [SwiftUI][], [UIKit][], [React Native][], and
[Xamarin.Forms][] developers.

[Building layouts][]
: Learn how to create layouts in Flutter,
  where everything is a [widget](/resources/glossary#widget).

[Understanding constraints][]
: Once you understand that "Constraints
  flow down. Sizes flow up. Parents set
  positions", then you are well on your
  way to understanding Flutter's layout model.

[Adding interactivity to your Flutter app][interactivity]
: Learn how to add a stateful widget to your app.

[FAQ][]
: Get the answers to frequently asked questions.

[Android]: /flutter-for/android-devs
[Building layouts]: /ui/layout
[FAQ]: /resources/faq
[interactivity]: /ui/interactivity
[SwiftUI]: /flutter-for/swiftui-devs
[UIKit]: /flutter-for/uikit-devs
[React Native]: /flutter-for/react-native-devs
[Understanding constraints]: /ui/layout/constraints
[Xamarin.Forms]: /flutter-for/xamarin-forms-devs

### Videos

<div class="video-wrapper">
  <span class="video-intro">Check out the latest in Dart and Flutter</span>
  <YouTubeEmbed id="I1uIbGh1dGE" title="What's New in Dart and Flutter 3.44" fullWidth></YouTubeEmbed>
</div>
<br>

For more of the latest on Dart and Flutter, check out
the technical sessions from [Google I/O][io-wrap-up],
like these!

<div class="card-grid">
  <div class="card wrapped-card outlined-card">
    <div class="card-content">
      <YouTubeEmbed id="UNdQhnpm8GY" title="Vibe once, run anywhere with Google and Antigravity"></YouTubeEmbed>
    </div>
  </div>
  <div class="card wrapped-card outlined-card">
    <div class="card-content">
      <YouTubeEmbed id="O0UjId1VoRU" title="How to write really good Flutter code"></YouTubeEmbed>
    </div>
  </div>
</div>

Also, we launched a new 4-video series at Google I/O called
the Full-stack developer guide:

<div class="video-wrapper">
  <YouTubeEmbed id="hNbY3Bmgojg" title="The Full-stack developer guide" fullWidth></YouTubeEmbed>
</div>

You can find the 4 videos in this series, as well as a wrap-up video,
on the [Google I/O wrap-up][io-wrap-up] blog post.

[io-wrap-up]: https://blog.flutter.dev/thats-a-wrap-everything-flutter-at-google-i-o-2026-f316e57186e3

To learn about all of the Flutter video series,
visit our [videos][] page.

We release new videos almost every week!

<a class="filled-button" target="_blank" href="https://www.youtube.com/@flutterdev">Check out the Flutter YouTube channel</a>

[videos]: /resources/videos