The App Bridge library provides APIs that enable Shopify apps to render UI in the Shopify [app home](/docs/apps/build/admin) surface.

Apps built with Shopify App Bridge are more performant, flexible, and seamlessly integrate with the Shopify admin. You can use Shopify App Bridge with [Polaris](https://polaris.shopify.com/) to provide a consistent and intuitive user experience that matches the rest of the Shopify admin.

On the web, your app renders in an iframe and in the [Shopify mobile app](https://www.shopify.com/install) it renders in a WebView.

> Note:
> App Bridge components don't render as part of the app's component hierarchy. They are React-like wrappers around JavaScript messages that communicate with the Shopify admin. The Shopify admin does the UI rendering.

![A diagram of the Shopify admin. The screenshot highlights an App Bridge component, which is controlled by the app but rendered by Shopify. The screenshot also highlights the other parts of the admin, which are rendered by Shopify, and the app surface, which is rendered by the app with Polaris.](/assets/apps/tools/app-bridge-polaris-render.png)

App Bridge enables you to do the following from your app home:

- Render a [navigation menu](/docs/api/app-bridge-library/web-components/ui-nav-menu) on the left of the Shopify admin.
- Render a [contextual save bar](/docs/api/app-bridge-library/apis/contextual-save-bar) above the top bar of the Shopify admin.
- Render a [title bar](/docs/api/app-bridge-library/web-components/ui-title-bar) with primary and secondary actions.

The latest version of App Bridge is built on top of web components and APIs to provide a flexible and familiar development environment. Your app can invoke these [APIs](/docs/api/app-bridge-library) using vanilla JavaScript functions.

## Polaris

Inside the app surface, we encourage you to use [Polaris](https://polaris.shopify.com/) to create familiar and consistent user experiences between your app and the Shopify admin. Your app should import the [Polaris React library](https://www.npmjs.com/package/@shopify/polaris), which defines the components for the Shopify admin. You can refer to the [App Design Guidelines](/docs/apps/design-guidelines) and the [Polaris Guidelines](https://polaris.shopify.com/foundations) to create familiar and consistent user experiences.

## Next steps

- [Getting started with Shopify App Bridge](/docs/api/app-bridge-library)
- [Authenticate an embedded app using session tokens](/docs/apps/build/authentication-authorization/session-tokens/set-up-session-tokens)