> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rork.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Turn your website into a mobile app

> How to convert a website to an app for iOS and Android: import your site into Rork and get a real native mobile app, not a webview wrapper or APK converter output.

export const CtaBanner = () => <div style={{
  display: "flex",
  alignItems: "center",
  justifyContent: "space-between",
  gap: "24px",
  flexWrap: "wrap",
  margin: "40px 0 8px",
  padding: "22px 28px",
  borderRadius: "16px",
  background: "linear-gradient(135deg,rgba(249,115,22,0.10),rgba(255,255,255,0.03),rgba(249,115,22,0.06))",
  border: "1px solid rgba(255,255,255,0.08)"
}}>
    <div>
      <div style={{
  fontSize: "19px",
  fontWeight: 700,
  color: "#fff",
  letterSpacing: "-0.3px",
  lineHeight: 1.3
}}>
        Build your app with Rork today.
      </div>
      <div style={{
  fontSize: "14px",
  color: "rgba(255,255,255,0.6)",
  marginTop: "4px",
  lineHeight: 1.5
}}>
        Ship iOS, Android, and web apps by chatting with AI.
      </div>
    </div>
    <a href="https://rork.com" style={{
  flexShrink: 0,
  display: "inline-block",
  padding: "10px 24px",
  background: "linear-gradient(135deg,#fff,#f0f0f0)",
  color: "#000",
  fontSize: "14px",
  fontWeight: 600,
  borderRadius: "100px",
  textDecoration: "none",
  whiteSpace: "nowrap"
}}>
      Try Rork for Free
    </a>
  </div>;

You have a website (a store, a booking page, a SaaS, a community) and you want it on your customers' home screens as a real app. Rork builds a **native** iOS / Android app for your existing site: native navigation and screens, powered by the same content and backend you already run.

## Pick your path

| Your situation                                                          | Best path                                                                                 |
| ----------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- |
| The site's code is on GitHub (or you can export it)                     | [Import the repository](#path-a-import-the-website-code)                                  |
| Built with Lovable                                                      | [Lovable import](/import/lovable-to-mobile-app)                                           |
| Built with another builder (Bolt, v0, Replit, FlutterFlow\...)          | [Import from any app builder](/import/import-from-any-app-builder)                        |
| No access to the code (Wix, Squarespace, WordPress, custom agency site) | [Describe + screenshots](#path-b-no-code-access)                                          |
| You already have a Rork web app                                         | [Add iOS / Android to the project](#add-ios-and-android-apps-to-an-existing-rork-project) |

## Path A. Import the website code

If your website's source is available, import gives the agent the most to work with:

1. On [rork.com](https://rork.com), click **GitHub to Mobile App** and paste the repository URL.
2. In your prompt (via **I have extra requests**), say what the mobile app should focus on, e.g. "make a customer app for browsing and booking; skip the admin pages".
3. The agent inspects the source, keeps your branding and data flows, and builds native mobile screens.

<Frame>
  <img src="https://mintcdn.com/rork/ZxJD9qPQMwkcvx8D/images/import/github-import-dialog.png?fit=max&auto=format&n=ZxJD9qPQMwkcvx8D&q=85&s=d16591f61d8c706cd0a9f93934f38a81" alt="The GitHub import dialog on rork.com" width="1778" height="1080" data-path="images/import/github-import-dialog.png" />
</Frame>

## Path B. No code access

No repository? No problem, give the agent the product instead:

1. Start a new Rork project and paste your **website URL** in the prompt.
2. Attach **screenshots** of the key pages (home, product/detail page, checkout/booking, profile).
3. Describe what the app should do in one or two sentences, for example:

```
Make an iOS app for my salon website https://example.com.
Customers should browse services, pick a stylist, book a time slot,
and get a reminder push notification before the appointment.
```

The agent designs a native app around your site's content and connects to your existing systems where possible (APIs, booking systems, payment links).

## Add iOS and Android apps to an existing Rork project

Every Rork project can hold **multiple apps that share one project and backend**: iOS, Android, and web. Each platform keeps its own native codebase, and Rork updates them from the same project. If you already have (or just imported) a web app in Rork, adding native mobile is two clicks:

### Option 1. The "+" button next to the platform switcher

In the project header, click **+** (Add preview platform) and choose the platform to add:

<Frame>
  <img src="https://mintcdn.com/rork/vKBGJnpuggHVEg_S/images/import/add-platform-menu.png?fit=max&auto=format&n=vKBGJnpuggHVEg_S&q=85&s=091069554ad49645c0a48671cc9e8097" alt="The add platform menu in a project: Android (Kotlin) and Web" width="900" height="350" data-path="images/import/add-platform-menu.png" />
</Frame>

### Option 2. Project Settings → Add new app

Open **Project Settings** (gear next to the project title) → **Add new app** → pick **Android** or **Web** (or iOS if the project started elsewhere):

<Frame>
  <img src="https://mintcdn.com/rork/ZxJD9qPQMwkcvx8D/images/import/settings-add-new-app.png?fit=max&auto=format&n=ZxJD9qPQMwkcvx8D&q=85&s=9d8441f57deb74dfdfe4e3a7e1e89978" alt="Project Settings with the Add new app menu open" width="1420" height="1030" data-path="images/import/settings-add-new-app.png" />
</Frame>

### Option 3. Just ask in chat

```
Add an Android version of this app
```

The agent shows an **"Add Android app?"** confirmation, then builds the native Android (Kotlin) app reusing your project's logic and backend.

Each app gets its own icon, home-screen name, and bundle identifier in Project Settings:

<Frame>
  <img src="https://mintcdn.com/rork/ZxJD9qPQMwkcvx8D/images/import/project-settings.png?fit=max&auto=format&n=ZxJD9qPQMwkcvx8D&q=85&s=53ed5e59d516e38b6869a014d8110b37" alt="Per-app settings: icon, home screen name, bundle identifier" width="1420" height="900" data-path="images/import/project-settings.png" />
</Frame>

## Why native instead of a webview wrapper?

Website-to-app converter services wrap your URL in a webview. That's fast, but:

* **App Store risk**: Apple's Guideline 4.2 (Minimum Functionality) regularly rejects apps that are "just a website".
* **No real native features**: camera metadata, offline mode, background tasks, widgets, and push notifications that reach every user need native code. On the web, iOS delivers push only after the user adds the site to the Home Screen on iOS 16.4 or later and grants permission.
* **It never feels right**: browser scrolling, no native gestures, no home-screen-quality polish.

A Rork app is compiled native code with native UI. Your website keeps doing what it does best, and the app becomes a first-class channel: same data, better experience.

## FAQ

### Does this work with WordPress, Shopify, Wix, or Squarespace sites?

Yes, use [Path B](#path-b-no-code-access). These platforms don't expose app-ready source code, so give the agent your URL and screenshots. For stores, tell the agent which checkout to keep (many businesses link out to the existing web checkout in v1).

### Can I convert my website to an app for free?

You can start for free: import the site, generate the app, and preview it in the simulator and on your phone. Publishing to the App Store / Google Play requires a paid plan plus the stores' own developer accounts (Apple $99/year, Google $25 one-time).

### Website-to-app converters give me an APK in minutes. Why is this different?

Those converters wrap your URL in a webview, so the "app" is your website in a browser shell. Rork builds real native screens. It takes longer than 60 seconds, and the result feels like an actual app. Native screens also help you meet Apple's Guideline 4.2 (Minimum Functionality), which is where webview wrappers usually fail. App Review still judges each submission on its own, so native UI alone does not guarantee approval.

## Ship it

* [Publish to the App Store](/store-guides/publish-app-store) from inside Rork, no Xcode.
* [Create the Android AAB for Google Play](/submitting-to-play-store/creating-the-aab-file).
* Keep the web version alive at your own domain: see the web publish flow in your project's **Publish** menu.

<CtaBanner />
