Learn WebF
WebF brings standards-compliant HTML, CSS, and JavaScript into Flutter. This section covers the runtime concepts you should understand before wiring WebF into an existing product.
WebF uses a browser-like pipeline inside the Flutter engine. You build UI with your favorite web framework, ship it as assets, and WebF renders it alongside native Flutter views.
What you’ll learn
- How the runtime maps web APIs to Flutter primitives and system channels.
- The tooling we ship (like WebF Go) to explore capabilities without touching your production codebase.
- Patterns for localization, theming, and component reuse so your web surfaces feel at home in Flutter.
Suggested reading order
- Runtime Architecture — deep dive on how WebF loads, schedules, and paints web content.
- WebF Go — install the companion app to preview web bundles locally or on devices.
- Internationalization — wire translations once and share them across Flutter and WebF.
- Examples — production-ready snippets for theming and layout.
When you’re ready
After you are comfortable with these concepts, jump over to the Add WebF To Flutter section to embed WebF in your CI/CD pipeline, configure signing assets, and ship to the stores.
Last updated on: