FlutterInit now includes a VS Code–style live code preview. Browse the generated file tree, open tabs, and watch your scaffold update as you change wizard options — before you ever download a ZIP.
Generating a Flutter project should not feel like a black box.
You pick an architecture, a state-management library, a backend, hit Generate, and hope the ZIP matches what you imagined. FlutterInit already removed most of that guesswork — and now it goes one step further.
Live Code Preview lets you open a full editor-style view of the exact scaffold your current wizard configuration would produce — before you download anything.
Open Preview code from the create wizard and a new window loads a VS Code–inspired workspace:
No refresh button. No second generate step just to “check.” The preview stays in sync with your configuration.
Scaffold generators are only useful if you trust them. Seeing lib/main.dart, your router setup, theme wiring, and pubspec.yaml before unzipping removes the last bit of doubt.
It is especially helpful when you are comparing stacks:
You can flip options in the wizard and watch the tree and file contents update in the preview window.
When you are happy with the structure, generate the ZIP as before — the download path is unchanged.
The preview is read-only by design. It is there for transparency, not for editing the template in the browser. Asset files like images and SVGs show a clear empty state instead of dumping binary noise into the editor.
If you want deeper tooling around the preview — search, diffs between configurations, or sharing a preview link — tell us what would help your workflow most.
Generate with confidence. Inspect first, download when it looks right.