Shopify App Bridge

Shopify App Bridge is a JavaScript library that helps you embed your app directly inside Shopify. At launch, Shopify App Bridge works with apps embedded in the admin to help you create a seamless experience for merchants. Soon, we’ll be adding features to help you embed your app in Shopify POS and other clients and extension areas.

The library provides a robust API to help you control Shopify UI elements, including:

  • the page’s top bar, including page title, breadcrumbs, and buttons
  • loading indicator
  • modals
  • resource pickers to select products, variants, and collections
  • toast messages

Merchant experience

By embedding your app in Shopify with Shopify App Bridge, you can create a great user experience that is familiar and easy-to-use for Shopify merchants. Shopify App Bridge also helps you ensure that this experience is consistent no matter where a merchant is uring your app, whether it’s on the web or in the Shopify Mobile app for iOS or Android.

Developer experience

Shopify App Bridge not only helps you create a great merchant experience, but it also provides a great developer experience for you.

It helps to reduce your development time by giving you a single way to access these features across multiple platforms including admin, Shopify Mobile, and soon Shopify POS and App Extensions. Shopify App Bridge makes sure that the user experience is consistent wherever merchants are using your App. Shopify App Bridge also provides easy helpers for printing pages from your app or redirecting users to other parts of the Shopify admin.

Shopify App Bridge is also directly integrated with Polaris components, to help you build familiar Shopify experiences even more easily.

  • Write once, run anywhere: because you don’t have to worry about writing different app code for each client or extension area, Shopify App Bridge cuts down on your development time
  • Integrates into your workflow: Shopify App Bridge works how you do, whether you prefer to use modular JavaScript with a build system, or link directly to the library on a CDN
  • Type safety: Shopify App Bridge is written in TypeScript (but whether you use it in your app is up to you!)
  • Developer tools: Shopify App Bridge uses Redux to manage state and dataflow, and integrates with Redux DevTools to make debugging simple (even if your app isn’t using Redux itself)
  • Strict versioning with SemVer

Next steps

Sign up for a Partner account to get started.

Sign up