While traditional web approaches remain a great choice, we envision the web support available in Flutter being valuable in many scenarios. For example:
- A connected Progressive Web Application built with Flutter
- Web support for Flutter enables existing mobile-based applications to be packaged as a PWA for reach to a broader variety of devices, or to provide a companion web experience to an existing app.
- Embedded interactive content
- Flutter provides a powerful environment for creating rich, data-centric components that can be easily hosted within an existing web page. Whether for data visualization, an online tool like a car configurator, or an embedded chart, Flutter can provide a productive development approach for embedded web content.
- Embedding dynamic content in a Flutter mobile app
- An established way to provide dynamic content updates within an existing mobile application is the use of a web view control, which can load and display information dynamically. The support Flutter now offers for a unified environment for web and mobile content enables you to deploy content online or embedded in an app without rewriting.
Not every HTML scenario is ideally suited for Flutter at this time. For example, text-rich flow-based content such as blog articles benefit from the document-centric model that the web is built around, rather than the app-centric services that a UI framework like Flutter can deliver. However, you can use Flutter to embed interactive experiences into these websites.
Notes on web support
The following resources can help you get started:
- To add web support to an existing app, or to create a new app that includes web support, see Building a web application with Flutter.
- To learn about Flutter’s different web renderers (HTML and CanvasKit), see Web renderers
- To learn how to create a responsive Flutter app, see Creating responsive apps.
- To view commonly asked questions and answers, see the web FAQ.
- To see code examples, check out the web samples for Flutter.
- To learn about deploying a web app, see Preparing an app for web release.
- File an issue on the main Flutter repo.
- You can chat and ask web-related questions on the #help channel on Discord.