---
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://shopify.dev/images/templated-apis-screenshots/admin/app-bridge-web-components/navigation-menu.png)![App Nav](https://shopify.dev/images/templated-apis-screenshots/admin/app-bridge-web-components/navigation-menu.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://shopify.dev/images/templated-apis-screenshots/admin/app-bridge-web-components/s-app-window.png)![App Window](https://shopify.dev/images/templated-apis-screenshots/admin/app-bridge-web-components/s-app-window.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://shopify.dev/images/templated-apis-screenshots/admin/app-bridge-web-components/forms.png)![Forms](https://shopify.dev/images/templated-apis-screenshots/admin/app-bridge-web-components/forms.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://shopify.dev/images/templated-apis-screenshots/admin/app-bridge-web-components/title-bar-app-home-alt.png)![Title bar](https://shopify.dev/images/templated-apis-screenshots/admin/app-bridge-web-components/title-bar-app-home-alt.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)