Skip to content
Back to journal
WebflowDesignAndroid

Convert Your Webflow Site into a Mobile App: The 2026 Pre-Flight Checklist

CCode2Native EngineeringEngineering team
Published

Want to see your own site as an app? Paste its address: the free preview shows it in a phone frame. No account needed.

In May 2026, Webflow collapsed five site plans into three, merged CMS and Business into a single Premium tier, and — the part that set the forums alight — cut Premium's included bandwidth to 50 GB. If you're planning to turn your Webflow site into a mobile app this year, that shakeup is oddly relevant: a wrapped app is more traffic hitting the same Webflow hosting, under the same caps, on the same plan.

So this guide is a pre-flight checklist rather than the usual paste-URL-get-app tutorial. The wrap itself is genuinely the easy part — our pipeline takes your published URL and returns a signed Android APK/AAB in a few minutes. What deserves your attention is the Webflow-specific stuff that decides whether the resulting app is any good: your plan, your interactions engine, your CMS URLs, and your forms.

The thirty-second version of the gap

Webflow publishes websites — to a free yoursite.webflow.io staging subdomain, or to a custom domain on a paid site plan. There is no APK export, no Xcode project, and no store submission flow anywhere in the product. Google Play, meanwhile, accepts compiled, signed binaries — not URLs.

A wrapper closes that gap: our cloud pipeline puts your published URL inside a native Android WebView shell, adds your icon, splash, package ID, and OneSignal push, then compiles and signs the APK/AAB with your uploaded keystore or a key made for your app. It is a native shell rendering your live site — not a native rewrite — which is why hitting Publish in Webflow updates installed apps instantly. The full pipeline detail lives in the docs; the rest of this post stays on Webflow.

The pre-flight checklist: five Webflow-specific checks

1. Paid site plan, custom domain — and wrap the default domain, not the redirect

The free Starter plan publishes to yoursite.webflow.io with a “Made in Webflow” badge, and it is deliberately tiny: 2 static pages, 50 CMS items, roughly 1,000 visits a month, and — the one that bites hardest — 50 form submissions for the lifetime of the site, not per month. An app pointed at that URL inherits every one of those ceilings, and every app session spends the visit quota. Since the 2026 restructure, the entry paid plan is Basic at $15/month on annual billing (static sites, no CMS); sites that use the CMS need the merged Premium tier at $25/month on annual billing. Connect your custom domain there first.

The subtle half of this check: Webflow lets you connect both www.yourdomain.com and the bare apex domain, designates one as the default, and 301-redirects the other to it. Wrap the default. Wrap the redirecting variant instead and every cold start of your app eats an extra redirect before first paint — a tax paid on every launch, forever, for a one-character config choice.

2. Know which interactions engine your site is running

Webflow acquired GSAP in late 2024, made the whole GSAP library free in April 2025, and in July 2025 replatformed Webflow Interactions on top of it — new sites now get “Interactions with GSAP” by default, while older sites may still run the legacy Classic engine. Both render fine inside the Android WebView — it is Chromium, the same engine family as mobile Chrome.

The honest caveat is about hardware, not engines. Webflow sites tend to be the most animation-dense sites on the web, tuned on designer laptops; a scroll-triggered sequence that runs at 60 fps on an M-series MacBook can stutter on a $150 Android phone, and a wrapper cannot make your site faster than it is in mobile Chrome. Transform-based movement (translate, scale, rotate) survives cheap GPUs far better than animated layout properties. The test costs nothing: the first build, a marked Preview APK, is free — install it on the weakest device your audience owns and scroll every page. If it stutters, trim the interactions in Webflow; nothing on the app side can fix it.

3. CMS collection pages are your deep-link surface — use them

This is where Webflow quietly beats most site builders as a wrapping target. Every CMS item gets a real, path-based URL — /blog/post-slug, /work/project-slug — no hash fragments, no query-string routing. A WebView navigates those exactly like a browser, so collection pages, filtering, and pagination behave in the app the way they do on the web.

It also makes push notifications genuinely useful instead of decorative. The Android app ships with the OneSignal SDK (iOS builds do not include push), and a notification sent from the Push page can open a specific collection page: publish a new case study, send a push that opens https://www.yourstudio.com/work/new-case-study, and the tap opens that exact page inside the app. Two reminders: unpublishing or archiving a CMS item 404s its URL in the app just like on the web, and the app shows your published site — staged changes don't exist for installed phones.

4. Forms work in the WebView — but check reCAPTCHA and your submission caps

Webflow forms post to Webflow's own endpoint and swap in the inline success message without a page navigation, and that flow works unchanged inside the WebView. Two Webflow-specific trapdoors, though. First, if you enable reCAPTCHA in site settings, every form on the site must contain a reCAPTCHA element or it will silently fail to submit — and Google's widget inside embedded browsers deserves a real-device test. Second, submissions are metered per plan: the free tier's 50 lifetime submissions is the famous trap, and paid tiers have carried monthly caps that the 2026 restructure reshuffled — check your plan's current number before pointing an app's worth of traffic at a contact form.

5. Do the bandwidth math before adding an app to the traffic

An app built this way has no offline cache — every screen view is a request to Webflow's hosting, indistinguishable from a browser visit. That was a rounding error under the old Business plan's bandwidth allowances; under the 2026 Premium plan's 50 GB cap, image-heavy portfolio sites with real traffic are already reporting overage charges. An app that succeeds at re-engagement makes that number go up — which is the point, but it should go up on purpose. Check your current usage in the site dashboard, and compress your hero images either way.

The build itself, compressed

Once the checklist passes, the mechanical part is short. Create a free account, paste your published custom-domain URL, name the app, set a package ID like com.yourstudio.app, and upload an icon — a PNG of at least 512×512. Add your OneSignal App ID if you want push. The first build is free: one Preview APK with a Code2Native watermark for device testing, in a few minutes. The release APK and AAB come with an App license ($69 one-time). Publishing to Google Play is a $25 one-time developer account, and brand-new personal accounts must run a closed test with at least 12 testers for 14 days before going public (closed-testing guide); our free-build walkthrough covers the wizard end to end.

iOS, without the sales gloss

An earlier version of this page said we build a “signed IPA” in the cloud, full stop. The accurate version has more moving parts.

Cloud iOS builds come with an App license, Builder or Pro and use included credits, and they run on real Apple silicon. The default output is an unsigned .ipa that you re-sign with your own Apple Developer certificate ($99/year to Apple). On Pro you can instead upload your own .p12 signing certificate to an encrypted vault and get a cloud-signed .ipa back. In both cases the certificate, the Apple account, and the App Store submission are yours: we never ask for your Apple ID or App Store Connect access, and we do not submit to the App Store on your behalf — managed submission is on our roadmap, not in the product.

And before spending any of that: if your Webflow site is a portfolio or marketing site, Apple's guideline 4.2 (“minimum functionality”) rejects repackaged websites routinely, whichever wrapper produced them. The realistic iPhone answer for most Webflow sites is the iOS Web Clip — a zero-signing, tap-to-install home-screen icon that needs no certificate and no review. Save the .ipa route for Webflow sites that are genuine web applications with accounts and real functionality.

Who should do this — and who should close the tab

An honest wrapper vendor has to say this plainly: a lot of Webflow sites should not become apps. If your site is a brochure that visitors see once, an app nobody reopens is worse than no app — a build you paid for and a store listing you maintain for zero retention. Share the URL instead; the web is already the right distribution.

Skip the wrapper if:

  • Your site is a one-visit marketing or portfolio site with no reason to return — a Web Clip or a plain link serves it better, for free.
  • You need offline content, native gestures, camera-first flows, or background audio — that's custom native territory, and a WebView shell will disappoint you.
  • Your entire goal is an App Store listing for a brochure site — guideline 4.2 stands between you and that outcome regardless of tooling.

The wrap earns its keep if:

  • You publish through Webflow's CMS on a schedule and want Android push notifications deep-linking each new piece — the one native feature a browser bookmark can't match.
  • You're an agency adding “Android app” to Webflow retainers — an App license per client site ($69 once), or Pro ($99/month) when you ship many sites, where Android rebuilds cost no credits and Windows EXE builds use its included credits.
  • Your Webflow site is a member portal or gated community (Memberstack, Outseta) where users log in repeatedly — session cookies persist in the WebView like any browser.

Two neighboring guides if your stack differs: the Framer version of this decision turns on different plan mechanics, and the Ghost guide is mostly about member login and paywalls. And if you eventually outgrow wrapping and rebuild properly, our source-build pipeline compiles uploaded Flutter and native Android (Gradle) projects with era-matched toolchains, while Capacitor, React Native, Ionic, and Expo source builds are still waitlist-only.

FAQ

Does Webflow have a built-in way to export a native mobile app?

No. Webflow publishes websites — to a free webflow.io staging subdomain, or to a custom domain on a paid site plan — and there is no APK export, no Xcode project, and no app store pipeline anywhere in the product. Getting a Webflow site onto phones means an external route: wrap the published URL in a WebView shell, ship a PWA, or build custom native.

Can I wrap a free Webflow site on the webflow.io subdomain?

You can, but you shouldn't. The free Starter plan is capped at 2 static pages, 50 CMS items, roughly 1,000 visits a month, and 50 lifetime form submissions, with a Made in Webflow badge and no custom domain. Every app session spends that visit quota, and the app would point at the webflow.io hostname forever. Get a paid site plan (Basic is $15/month on annual billing after the May 2026 restructure), connect a custom domain, and wrap that.

Do Webflow interactions and animations work inside the Android app?

Yes. The Android WebView is Chromium-based, so interactions render the same way they do in mobile Chrome — including the newer Interactions with GSAP that Webflow made the default for new sites in 2025. The caveat is hardware, not the wrapper: heavy scroll-triggered animations that feel silky on a designer's laptop can drop frames on a mid-range Android phone. Install the free first build on the cheapest device you care about before publishing.

Do CMS collection pages and deep links work in the app?

Yes, cleanly. Webflow gives every CMS item a real path-based URL, like /blog/post-slug or /work/project-slug, and the WebView navigates those exactly like a browser. That also makes push notifications useful in the Android app: a notification sent from the Push page can open a collection page, so tapping it opens that specific post inside the app rather than the homepage.

How does iOS work — do you sign and submit the app for me?

Cloud iOS .ipa builds come with an App license, Builder or Pro, and they run on real Apple silicon. The default output is an unsigned .ipa that you re-sign with your own Apple Developer certificate; on Pro you can instead upload your own .p12 signing certificate to an encrypted vault and get a cloud-signed .ipa back. We never ask for your Apple ID or App Store Connect access, and we do not submit to the App Store for you — managed submission is planned but not live. The zero-signing route is the iOS Web Clip, and Apple's guideline 4.2 often rejects wrapped marketing sites regardless of tooling.

What does the whole thing cost with Webflow's new pricing?

On the Webflow side after the May 2026 restructure, Basic is $15/month and the merged Premium tier $25/month, both on annual billing. On ours, the first Android build is free with the Preview mark. An App license is $69 one-time ($39 in some regions) for the release APK and AAB, unlimited Android rebuilds, and included credits for iOS and Windows builds of that site; Pro is $99/month ($990/year) if you ship many sites. Platform faults refund their credit, and we take cards via Stripe or USDT — full details on the pricing page. Google Play's developer account is $25 one-time; Apple's is $99/year.

Run the checklist, then run the free build

If your site passes the five checks, the experiment costs nothing: paste your published Webflow URL and put a signed APK on a real phone today — watermark on the splash, no card required. Judge the animations on hardware, not in a sales pitch.

See your website as an app

The preview loads your live site in a phone frame. When it looks right, open an account and build it. Build one Preview APK with a Code2Native watermark. No card required.

Open an account and build →
C

Code2Native Engineering

Engineering team

Written by the Code2Native engineering team — the people who build and operate the cloud build pipeline.