Flutter lets you build apps for mobile, web and desktop from a single Dart codebase. This workspace runs Flutter on the web, so the starter app shows up in a built-in browser preview without an emulator, Android Studio or Xcode to install.
The starter is the classic counter app with Material 3 theming. Start the web server and it opens in a built-in browser preview.
The full cloud editor with an integrated terminal, extensions and the .vscode settings that ship with the project.
Clone, commit and push from the terminal, or connect a GitHub repo whenever you're ready.
Flutter's web target renders the app to the preview on port 8000, so you can build and see it without a phone or emulator.
Flutter is an open-source UI toolkit from Google for building apps from a single codebase. You write in Dart, and Flutter draws every pixel itself rather than wrapping native widgets, which keeps the look consistent across mobile, web and desktop. It powers apps from Google, Alibaba and Zerodha, among many others.
This workspace targets the web, so the app you write runs in a browser preview while you work. The starter is the default Flutter counter app with Material 3 turned on, a small example you can edit right away to learn how widgets, state and hot reload fit together.
The app lives in lib/main.dart. It's the standard counter starter: a MaterialApp with a Material 3 theme, a stateful home page and a button that bumps a number using setState. The pubspec.yaml declares the dependencies, with cupertino_icons available and flutter_lints set up for linting.
A web folder holds the index.html, manifest and icons that Flutter uses to serve the app in a browser. Add packages from pub.dev by editing pubspec.yaml or running flutter pub add from the terminal.
On the first start, let the IDE finish downloading the Flutter SDK dependencies. Then run flutter run -d web-server --web-hostname 0.0.0.0 --web-port 8000 in the terminal. That serves the app on port 8000, and you open it in the built-in browser preview.
The hostname and port flags matter here, since the preview needs the server bound to 0.0.0.0 on port 8000 to reach it. With the server running, edits to your Dart code show up through Flutter's reload.
Cross-platform UIs, web apps, prototypes you can share with a link, or the front end of a larger product, all from one Dart codebase. Start from the counter example, pull in widgets and packages from pub.dev, and grow it into the app you have in mind.
No. The workspace runs Flutter's web target with a built-in browser preview, so you can build and see your app entirely in the browser. The native toolchains are only needed if you later build for iOS or Android locally.
After the Flutter SDK dependencies finish downloading, run flutter run -d web-server --web-hostname 0.0.0.0 --web-port 8000 in the terminal, then open the built-in browser preview on port 8000.
Make sure you started it with the --web-hostname 0.0.0.0 and --web-port 8000 flags. Without them the preview can't reach the server. Stop it and start again with both flags set.
Dart. Flutter apps are written entirely in Dart, and the starter in lib/main.dart shows the widget and state patterns you'll build on.
Add them from pub.dev by editing pubspec.yaml or running flutter pub add <package> in the terminal, then import them in your Dart code.
The Flutter template runs on a paid plan because of the resources its toolchain needs. Templates that are free are marked as such, and you can upgrade any time from the pricing page.
