SuperWebView

If you already have a website for your business, you don't need to invest in building an Android app from scratch.

SuperWebView is a ready-to-use template that acts as a secure, premium wrapper for your website. It takes your existing website and displays it inside a native Android application. When your website updates, your app updates automatically!

Key features

• Progress indicator: Reports loading progress of the current webpage in real-time
• Pull-to-refresh: Reloads the current webpage with a simple pull-down gesture
• Smart links: Opens external links (like social media or maps) in the phone's web browser, keeping your main site open
• Video & media friendly: Allows videos and media to play in full screen
• Auto dark mode Adapts automatically to the phone's dark mode settings (targeted website must support this feature)

Tip

For targeting both Android and iOS platforms, use the cross-platform solution FlutterWebApp.

Build

1. Start Android Studio (Quail 2 or newer). Make sure it has Kotlin Multiplatform plugin installed.
2. In the Welcome to Android Studio window, click Clone Repository.
3. In the Clone Repository dialog, paste https://github.com/roozbehzarei/SuperWebView.git into the URL text field and click on Clone.
4. Wait for Android Studio to open the project, click on Trust Project if prompted.
5. Using project tool window, open shared > src > commonMain > ... > WebAppConfig.kt file and put your desired website domain address as the value of WEBSITE constant.
6. In androidApp > build.gradle.kts file, replace the existing applicationId value with your own unique application ID.
7. In androidApp > src > main > res > values > strings.xml, update app_name string resource to your desired app name.
8. Use Asset Studio to override app icons with your own.
9. Using the hamburger menu, click on Build > Generate Signed App Bundle or APK....
10. Follow the Generate Signed App Bundle or APK wizard instructions to sign and generate your app APK or bundle.

Important

Ensure your website is "mobile-friendly" before packaging it. Since the app displays your live website, a responsive design ensures the best user experience.