---
title: App Bridge web components
api_name: app-home
source_url:
  html: https://shopify.dev/docs/api/app-home/app-bridge-web-components
  md: https://shopify.dev/docs/api/app-home/app-bridge-web-components.md
---

# App Bridge web components

[![App Nav](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/tools/app-bridge-navigation-menu-DdMXEPrX.png)![App Nav](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/tools/app-bridge-navigation-menu-DdMXEPrX.png)](https://shopify.dev/docs/api/app-home/app-bridge-web-components/app-nav)

[App Nav](https://shopify.dev/docs/api/app-home/app-bridge-web-components/app-nav)

[The `s-app-nav` component creates a navigation menu for your app.](https://shopify.dev/docs/api/app-home/app-bridge-web-components/app-nav)

[![App Window](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/templated-apis-screenshots/admin/app-bridge-web-components/s-app-window-jyBt5mAs.png)![App Window](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/templated-apis-screenshots/admin/app-bridge-web-components/s-app-window-jyBt5mAs.png)](https://shopify.dev/docs/api/app-home/app-bridge-web-components/app-window)

[App Window](https://shopify.dev/docs/api/app-home/app-bridge-web-components/app-window)

[The `s-app-window` component displays a fullscreen modal window.](https://shopify.dev/docs/api/app-home/app-bridge-web-components/app-window)

[![Forms](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/templated-apis-screenshots/admin/app-bridge-web-components/forms-DcWg4gCD.png)![Forms](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/templated-apis-screenshots/admin/app-bridge-web-components/forms-DcWg4gCD.png)](https://shopify.dev/docs/api/app-home/app-bridge-web-components/forms)

[Forms](https://shopify.dev/docs/api/app-home/app-bridge-web-components/forms)

[Enable automatic save bar integration for HTML forms by adding the `data-save-bar` attribute to your form element.](https://shopify.dev/docs/api/app-home/app-bridge-web-components/forms)

[![Title bar](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/templated-apis-screenshots/admin/app-bridge-web-components/title-bar-app-home-alt-zV-YTElN.png)![Title bar](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/templated-apis-screenshots/admin/app-bridge-web-components/title-bar-app-home-alt-zV-YTElN.png)](https://shopify.dev/docs/api/app-home/app-bridge-web-components/title-bar)

[Title bar](https://shopify.dev/docs/api/app-home/app-bridge-web-components/title-bar)

[The admin title bar is a critical part of the Shopify Admin experience.](https://shopify.dev/docs/api/app-home/app-bridge-web-components/title-bar)