The Good:

1. Reusing Native Widgets

Simple Widgets which do not have dependencies on the Flutter SDK can be reused without making any changes whatsoever. For example:

AppBar(

title: Text("Title"),

actions: <Widget>[

Icon(Icons.comment),

Icon(Icons.settings),

],

backgroundColor: Colors.deepOrangeAccent,

)

The above code works well for web as well as mobile platforms.

2. No CSS Required

This is a big one.

Flutter styles translate well to the web. All theme data can be maintained in one place, so making changes to the styles in one place reflects on all platforms.

If I needed to change the primary colour of my app, I make the change in my main theme file and I’m done.

If my Responsive app has different layouts for different screen sizes, we’re still good!

3. Flutter Animations Have Got You Covered

You don’t need to reproduce animations using javascript or CSS as flutter animations work well on the web. This sounds like a repetition of the second point, but user interactions have become an integral part of client side apps and sometimes these can be complicated enough that CSS doesn’t crack it. With flutter, if your animation works natively, it will work well on the web.

4. Injecting HTML Into Your Page