--- 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)