Flutwell WebToApp is a cross-platform Flutter utility (iOS & Android) that turns an internet site
right into a native app whose behaviour is a JSON doc slightly than a construct. The navigation, theme,
splash, onboarding, hyperlink routing, native capabilities, sign-in, paywall, notifications and each
phrase the app says come from a configuration you edit within the included Laravel admin
panel and publish. Put in copies decide a change up on their subsequent begin.
Delivery a brand new construct is reserved for the handful of issues Android and iOS learn at set up time
— the bundle title, the launcher icon, the permissions, the signing key. Every thing else is
a publish, not a launch.
AI Utilization Disclosure
This merchandise consists of AI-powered options. Each are non-compulsory, each are switched
off till you provide your personal supplier key, and the remainder of the product works totally with out
them. To allow both one it’s essential to create your personal account with an AI supplier and provide
your personal API key; the secret’s saved in your server and is rarely shipped contained in the app. No AI
supplier account, credit score or utilization allowance is included on this buy.
- AI web site assistant (runs within the app): an in-app chatbot that solutions a
customer’s questions from the pages of your personal web site, replying within the customer’s personal
language, with tappable hyperlinks to the pages it used. Solutions are generated by a
third-party AI mannequin: they’re approximate, could also be incomplete or incorrect, and will
not be relied upon as skilled recommendation. Requested one thing your web site doesn’t cowl, it
says so by default. - AI website-to-app builder (runs within the admin panel): reads an internet site you
give it and proposes a beginning configuration — theme, tabs, drawer, URL guidelines and
copy. Each area it returns is checked towards what was really crawled, and something
unverifiable is dropped with a cause proven to you. Nothing it proposes reaches a handset
till an individual evaluations it and presses publish.
Suppliers: you select one in all six — Google Gemini
(the default), OpenAI, Anthropic, Groq, Mistral, or a self-hosted Ollama. Requests are despatched
from your personal server to the supplier you choose, beneath that supplier’s personal phrases and
pricing.
Concerning the merchandise itself: the supply code, the documentation and the design of
this merchandise have been written and are maintained by our workforce and should not AI-generated. AI is used
solely at runtime, by the 2 non-compulsory options described above, and solely after you will have
enabled them.
What it’s not
It’s not a wrapper that hundreds a URL in a WebView. That may be a retailer rejection beneath Apple’s
guideline 4.2, and rightly so. What survives assessment — and what this provides you — is
the native layer across the web page: backside tabs with impartial historical past, a drawer, a
configurable header, an allow-listed JavaScript bridge, native settings and error screens,
downloads, biometric lock, push, deep hyperlinks, subscriptions, and an non-compulsory AI assistant that
solutions from your personal pages.
Key Worth Propositions
- For app house owners: change your app’s colors, tabs, menus, URL routing,
paywall and duplicate from an online panel, and have the change attain telephones that have already got it
put in. No rebuild, no retailer assessment, no ready. - For companies: one Flutter codebase, limitless apps. Every app has its personal
key, configuration and launch historical past. Duplicate a configured app to start out the subsequent
shopper from your own home type, then model the construct with one command. - For builders: an entire, documented product with a versioned publish
pipeline, rollback, a reside preview, a URL rule engine that’s verified equivalent on shopper
and server, 12 languages, and full supply for each repositories.
Disclaimer
This app is constructed to work with the included Laravel admin panel (database, API and
configuration supply), which you host. The next third-party companies are
non-compulsory and never included within the buy: an AI supplier (builder and
assistant), Firebase or OneSignal (push notifications), RevenueCat (subscriptions), and Google
AdMob (promoting). You will want to create your personal accounts, configure your personal keys, and
handle internet hosting and utilization prices your self. Primary familiarity with Laravel, Flutter and cell
retailer setup is advisable earlier than launching.
Admin Panel Demo
Attempt the reside Laravel admin panel:
https://webtoapp.laravelbeginner.net/en/dashboard
| Administrator | [email protected] |
| Editor | [email protected] |
| Viewer | [email protected] |
Password for all three: password123456
What’s Included
- Full Flutter utility supply code (iOS & Android)
- Full Laravel admin panel supply code — the app builder, the configuration API, the AI
builder and the assistant backend - Full database schema as migrations — no SQL dump to import
- A seeder that builds three totally configured demo apps
- 12 built-in themes, every with 44 color tokens in mild and darkish
- 4 paywall layouts and 4 onboarding layouts
- 12-language localisation (ar, de, en, es, fr, it, ja, ko, pt, ru, tr, zh), right-to-left
supported model.dart— one command turns the shell into one buyer’s app: bundle
title, icon, permissions, deep hyperlinks, AdMob ids- Full documentation: 101 sections masking each panel display, the app, setup,
integrations, the configuration reference and each retailer launch checklists
Key Options
Every thing under is edited within the admin panel and reaches put in apps with a publish
— no rebuild, no retailer assessment.
The place the app factors
- Begin URL & allowed hosts — which domains rely as “yours” and
open contained in the app. Every thing else is handled as anyone else’s web site. - URL guidelines — 7 match sorts × 12 actions, evaluated high to backside,
first match wins. Open a PDF as a obtain, a checkout within the in-app browser, a telephone quantity
within the dialler. The panel has a rule tester that runs the identical matching because the app. - WebView — cookies, consumer agent, caching, combined content material, zoom and
autoplay. Inject your personal CSS or JavaScript into each web page to cover the positioning’s personal header,
cookie banner or “obtain our app” immediate.
What individuals see
- Theme — 12 built-in themes, or paste one model color and it derives a
full design: 44 color tokens in mild and darkish, checked for WCAG distinction. Eight tabs
cowl colors, typography, form, surfaces, elevation, movement, elements and what the
web site contained in the app is instructed concerning the theme. - Splash — your emblem in your color whereas the app begins, as a strong,
a gradient, a picture, a Lottie animation or a GIF. - Onboarding — an non-compulsory walkthrough proven as soon as earlier than the positioning hundreds,
with 4 layouts and 4 page-indicator kinds. - Header — strong, glass, clear or gradient; the title from the
web page, your personal phrases, or a emblem; plus buttons on the best. - Backside navigation — 2 to six tabs, every with its personal impartial historical past
stack, an icon, a label and an non-compulsory badge. That is the only change that the majority makes a
wrapped web site learn as an app. - Drawer — a aspect menu for the whole lot that issues however doesn’t deserve
a tab. - Screens — the wording of the offline, error and settings screens the
app attracts itself, plus settings rows you add your self.
What the app can do
- Native capabilities — downloads with a progress notification, file
add, digicam, QR scanner, geolocation, biometric lock, share, print, text-to-speech,
keep-awake and screenshot blocking. All off by default; the permissions written into the
construct observe precisely what you switched on. - JavaScript bridge — 21 allow-listed instructions your web site can name:
set a tab badge, open the share sheet, scan a QR code, present the paywall, report an occasion.
A command you didn’t tick is undefined, so characteristic detection works. - Deep hyperlinks — a customized scheme and common / App Hyperlinks, so an tackle
in an e-mail opens the app when it’s put in and the web site when it’s not. - Languages — 93 strings in 12 languages (ar, de, en, es, fr, it, ja,
ko, pt, ru, tr, zh), each overridable per app and per language. Arabic mirrors the entire
interface, not simply the textual content.
Reaching individuals and getting paid
- Push notifications — Firebase or OneSignal, with management over
when the permission is requested for: on launch, after onboarding, after a variety of
periods, or on demand. Write and ship one from the panel and see what was delivered. - Accounts — non-compulsory native sign-in with nameless, e-mail, Google,
Apple and Fb. 4 modes from “off” to “required”, plus per-URL and per-tab gates so
a public web site stays public. - Paywall & subscriptions — RevenueCat, 4 paywall layouts, 7
triggers, comfortable or onerous gating, and frequency caps so it doesn’t seem too typically. - Advertisements — AdMob banners, interstitials, app-open and rewarded, with
Google’s UMP consent circulate and automated hiding for subscribers. - Score immediate — ask for a retailer assessment solely after a variety of
launches and a variety of days. - Analytics — automated web page views plus your personal occasions raised by
the bridge.
AI, each non-compulsory
- AI website-to-app builder — paste a URL and it reads the positioning, measures
the model color from its personal emblem, and fills within the theme, tabs, drawer, URL guidelines and duplicate.
Each area is checked towards what was really crawled, and something unverifiable is
dropped with a cause proven to you. - AI web site assistant — an in-app chatbot that has learn your web site and
solutions from it, with tappable hyperlinks to the pages it used. Add your personal notes for details no
web page states. Per-device fee limits, a day by day price range cap, and a log of what individuals requested
that your web site couldn’t reply.
Working it after launch
- Publishing & variations — each publish is an immutable numbered
snapshot with a diff towards what’s reside. Rollback republishes an outdated payload ahead beneath
a brand new quantity, so historical past stays a straight line. - Dwell preview — see the configuration drawn as a telephone would draw it,
beside each display you edit. - Upkeep mode — take the app down with a message you write, with out
a launch. - Replace gate — set the oldest construct nonetheless allowed to run, with a retailer
hyperlink, and power it when you must. - Config supply — distant, cached, bundled or defaults, tried in that
order. A foul publish can not brick an put in app: the worst case is that it retains operating
the final good configuration. - Import, export & duplicate — transfer a configuration between apps or
installations, commit it to supply management, or copy a configured app to start out the subsequent one. - One-command branding —
model.dartreads the identical
configuration the app reads and writes the bundle title, launcher icon, permissions, deep
hyperlink scheme and AdMob ids into the construct. Re-runnable, and reversible.
We’re actively enhancing this product. Be happy to ship characteristic requests by way of {the marketplace}
messaging system — collectively we are able to make an superior product.
Vital Discover to Our Valued Clients
We’re dedicated to constructing a dependable and steady enterprise system, along with your satisfaction and the success of this product as our high priorities. Your suggestions is essential, and we encourage you to share any bugs, ideas, or new characteristic concepts. Your enter instantly helps our ongoing enchancment and innovation.
We’re right here to assist — be happy to contact us anytime by way of {the marketplace} messaging system.Thanks for being a part of our journey.
Heat regards,
The Morningstarcode Staff
