<figure class="figure" style="margin-top: 48px">
  <img
    src="/assets/custom-storefronts/mobile-sdk-overview.png"
    alt="Diagram showing how storefront, buyer identity and checkout can be combined when building a mobile app">
</figure>

## How it works

Shopify provides a suite of libraries that enable developers to deliver best-in-class, mobile app commerce experiences for buyers: build custom storefront and product discovery flows, integrate identity with sign-in and account management, and accelerate buyers through a contextual and personalized checkout process.

## Storefront

Shopify’s Mobile Buy SDK’s enable you to create and embed custom storefront and product discovery experiences within your mobile app. The SDK’s interface with the [GraphQL Storefront API](/docs/api/storefront) to fetch information about products and collections, and to assemble a personalized buyer cart with contextual buyer information.

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="/docs/storefronts/headless/mobile-apps/buy-sdk-ios" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/storefront"
     data-alt-src="/assets/resource-cards/storefront-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      iOS Buy SDK
    </h3>
    <p class="resource-card__description">Create custom storefronts and assemble carts within an iOS app.</p>
  </a>
</div>

<div>
  <a class="resource-card" href="/docs/storefronts/headless/mobile-apps/buy-sdk-android" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/storefront"
     data-alt-src="/assets/resource-cards/storefront-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Android Buy SDK
    </h3>
    <p class="resource-card__description">Create custom storefronts and assemble carts within an Android app.</p>
  </a>
</div>

</div>


## Buyer identity

The best shopping experiences are buyer and context aware, enabling relevant personalization of product, payment, and other preferences in product discovery, checkout, and post-purchase workflows. Shopify provides support for built-in identity solutions, integrations with third-party identity providers, and cart-driven workflows for optimizing guest and new buyer checkout journeys.

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="/docs/api/customer" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/graphql"
     data-alt-src="/assets/resource-cards/graphql-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Customer Accounts
    </h3>
    <p class="resource-card__description">Authenticate buyers with a secure one-time code sent to an email address, with built-in support for Shop sign-in. Integrate into your app using the Customer Account API.</p>
  </a>
</div>

<div>
  <a class="resource-card" href="/docs/api/storefront/latest/queries/customer" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/storefront"
     data-alt-src="/assets/resource-cards/storefront-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Legacy Customer Accounts
    </h3>
    <p class="resource-card__description">Authenticate buyers with legacy customer account via username and password. Integrate via Storefront API or Buy SDK.</p>
  </a>
</div>

<div>
  <a class="resource-card" href="/docs/api/multipass" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/resource"
     data-alt-src="/assets/resource-cards/resource-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Multipass
    </h3>
    <p class="resource-card__description">Authenticate buyers with third-party identity and authentication system via Multipass protocol.</p>
  </a>
</div>

<div>
  <a class="resource-card" href="/docs/api/storefront/latest/mutations/cartBuyerIdentityUpdate" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/storefront"
     data-alt-src="/assets/resource-cards/storefront-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Cart Buyer Identity
    </h3>
    <p class="resource-card__description">Associate known identity and buyer preferences via cart to prefill and accelerate checkout.</p>
  </a>
</div>

</div>


## Checkout Sheet Kit

Shopify’s Checkout Sheet Kit enables you to provide the world’s highest converting, customizable, one-page checkout directly within the native app. The experience is a fully-featured checkout that preserves all of the store customizations—e.g. branding settings, UI extensions, Functions, and more. It also provides platform idiomatic defaults such as support for light and dark mode, and developer APIs to embed, customize, and follow the lifecycle of the checkout experience.

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="/docs/storefronts/headless/mobile-apps/checkout-sheet-kit" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/cart"
     data-alt-src="/assets/resource-cards/cart-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Checkout Sheet Kit
    </h3>
    <p class="resource-card__description">A library for presenting the Shopify checkout experience.</p>
  </a>
</div>

</div>


## Product Roadmap

> Note:
> This roadmap is being shared for informational purposes and is subject to change. Please share your feedback with us on what future features you’d like to see.

Some library features are in development. Here is the roadmap with estimated launch dates:

### Checkout

<table style="width: 100%" ID="release-dates-checkout">
  <thead style="width: 100%; display:table">
    <tr>
      <th style="width: 80%">
        Feature
      </th>
      <th>
        Release target
      </th>
    </tr>
  </thead>
  <tbody style="width: 100%; display:table">
    <tr>
      <td style="width: 80%">
        Better offsite payment method support
      </td>
      <td>
        Shipped
      </td>
    </tr>
    <tr>
      <td style="width: 80%">
        Better support for customer accounts
      </td>
      <td>
        Shipped
      </td>
    </tr>
    <tr>
      <td style="width: 80%">
        Apple Pay support pre-checkout (buy now)
      </td>
      <td>
        Q1 2025
      </td>
    </tr>
    <tr>
      <td style="width: 80%">
        Additional UX configuration options for when the buyer closes Checkout Sheet after payment
      </td>
      <td>
        Q1 2025
      </td>
    </tr>
    <tr>
      <td style="width: 80%">
        Design language improvements for Swift and Android
      </td>
      <td>
        2025
      </td>
    </tr>
    <tr>
      <td style="width: 80%">
        Sticky Pay button
      </td>
      <td>
        2025
      </td>
    </tr>
  </tbody>
</table>