Mobile & Flutter

On phones today. Native tomorrow.

Describe your mobile app and maker77 builds a native-feeling phone app that anyone can install from a link. When you're ready for the stores, convert it to a Flutter project that shares the same backend.

Good morning, Alex
Ready for push day?
🔥 12-day streak
⏱ 45 min
🏋️
Bench press
4 × 8 · 70kg
💪
Overhead press
3 × 10 · 40kg
🔥
Incline dumbbell
3 × 12 · 24kg
Start workout
● TodayPlansProgressProfile
Two ways to ship

Start instantly, go native when it matters

Installable web app (PWA)
All plans
  • Live the moment you publish — share a link or QR code
  • Home-screen icon, full-screen, your theme color
  • Manifest and service worker added automatically
  • Update instantly: no review queue, no store release
Native Flutter project
Download on Starter+
  • One-click conversion (3 message credits)
  • Material 3 app in pubspec.yaml + lib/main.dart
  • Connected to the same database and user accounts
  • Build for iOS, Android and web with standard Flutter tools
Install as an app

Two taps to the home screen

Every published maker77 app can be installed. Share these steps with your users — or put them right inside your app.

  1. 1
    Open your app's link in Safari

    Scan the QR code from the Publish dialog, or open yourapp.maker77.app (or your custom domain).

  2. 2
    Tap the Share button

    It's the square with an arrow pointing up, in Safari's toolbar.

  3. 3
    Choose “Add to Home Screen”

    Scroll the share sheet if you don't see it, then confirm the name.

  4. 4
    Launch it like any app

    It opens full-screen with your icon and theme color — no browser bars.

Safari
habits.maker77.app
Copy ⧉
Add to Home Screen
Flutter conversion

Your app, rewritten in Flutter

Open the Flutter tab in the builder and convert. maker77 reads your app's screens and data model and writes a native Flutter app that uses the same backend.

1
1

Convert

One click in the Flutter tab. Uses 3 message credits. You can re-convert after big changes to the web app.
2
2

Run it in the builder

Preview with DartPad on any plan, or run a real server-side flutter build web with cloud build on Builder and up.
3
3

Download the project

Starter and up: get a ready-to-open Flutter project with your app's API address and ID already filled in.
Project
📁 habit_tracker/
📄 pubspec.yaml
📁 lib/
📄 main.dart
lib/main.dart
Material 3
const String kApiBase = 'https://maker77.com';
const String kProjectId = 'your-app-id';

class HabitsApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) => MaterialApp(
    theme: ThemeData(useMaterial3: true,
      colorSchemeSeed: Color(0xFF7C5CFF)),
    home: const HomeScreen(),
  );
}

// same data as the web app
final res = await http.get(Uri.parse(
  '$kApiBase/api/runtime/$kProjectId/db/habits'));

Illustrative excerpt — the generated code is specific to your app.

Ship to the stores

From download to App Store & Google Play

The downloaded project is a standard Flutter app, so the official Flutter release process applies. You'll need Flutter installed, plus your own Apple Developer and Google Play Console accounts.

App Store (iOS)
  1. 1.Open the project and run flutter pub get.
  2. 2.Set your bundle ID, app icon and signing team in Xcode (requires a Mac).
  3. 3.Build the archive with flutter build ipa.
  4. 4.Upload with Xcode or Transporter, then submit in App Store Connect.
terminal
$ flutter pub get
$ flutter build ipa
▶ Google Play (Android)
  1. 1.Run flutter pub get in the project folder.
  2. 2.Set your application ID and create an upload keystore for signing.
  3. 3.Build the bundle with flutter build appbundle.
  4. 4.Upload the .aab in Google Play Console and roll out a release.
terminal
$ flutter pub get
$ flutter build appbundle

One backend

Web, PWA and Flutter clients read and write the same records and accounts.

Cloud build

Builder+ runs a real flutter build web on our servers so you can try the native code in the browser.

DartPad preview

Run the generated Dart in DartPad from the Flutter tab, on any plan.

Mobile templates

Start with a finished app

Real phone apps with bottom tabs, sheets and cloud data. Install the demo on your phone, then remix it.

All templates
Live demo

Log spending and income in seconds, see where your money goes each month and stay under budget.

FinanceFlutter ready
Live demo

Build better routines with daily check-ins, streaks, a 12-week heatmap and clear progress stats.

HealthFlutter ready
Live demo

Colorful pinned notes with tags and search, plus a daily mood journal with a mood calendar.

ProductivityFlutter ready
Live demo
🍳 Recipe AIMobile app

Discover beautiful recipes, tick off ingredients as you cook, and let an AI Chef invent meals from your fridge.

FoodFlutter ready
Live demo

Learn Spanish with swipeable flip cards, spaced repetition boxes, daily streaks and progress stats.

EducationFlutter ready
Live demo

Plan routines, log every set and rep with a built-in rest timer, and watch your strength grow.

FitnessFlutter ready
FAQ

Mobile questions

Technical details in the docs.

A Progressive Web App installs to the home screen, opens full-screen with its own icon and works like an app — without an app store. It's the fastest way to get your app onto people's phones. For App Store and Google Play listings, use the Flutter export.
A Flutter project with pubspec.yaml and lib/main.dart: a Material 3 app that recreates your screens and connects to your app's cloud database over the maker77 REST API. Converting costs 3 message credits. Dependencies are kept minimal (flutter, http and cupertino_icons).
It recreates the same screens, structure and color scheme using native Flutter widgets, so it will look and feel native rather than being a copy of the HTML. You can keep refining it in your own editor after download.
Yes. Both talk to the same per-app cloud database and user accounts, so a record created on the phone shows up in the web app instantly, and vice versa.
No. App store submission needs your own Apple Developer and Google Play Console accounts. maker77 gives you the Flutter project; you build and submit it with the standard Flutter tooling (flutter build ipa / flutter build appbundle).
PWAs and the Flutter code preview work on every plan, including Free. Downloading the Flutter project needs Starter or above, and real server-side cloud builds need Builder or above. See pricing.

Put your app in their pocket

Describe your mobile app. Install it on your phone in minutes — and take it native when you're ready.

PWA on every plan Flutter export from Starter Same data everywhere