Running multiple Flutter applications on a single web page

It is a known fact that when a Flutter application is compiled for the web, we can run only one Flutter application at a time on a page. When we try to integrate multiple Flutter apps into a page, it throws an error due to a conflict in the _flutter object name space variables.

Running multiple Flutter apps on a single web page is an essential component of having a micro-frontend up and running in Flutter space too. Also, we can integrate multiple smaller Flutter apps into an existing project for greater composability.

Here I demonstrate how we can run multiple Flutter apps on a single page without any external libraries. This is purely on a research stage and not production ready.