---
api_name: app-bridge-library
source_url:
  html: 'https://shopify.dev/docs/api/app-bridge-library/web-components'
  md: 'https://shopify.dev/docs/api/app-bridge-library/web-components.md'
---

# Web Components

[![ui-modal](https://shopify.dev/images/templated-apis-screenshots/app-bridge-library/modal.png)![ui-modal](https://shopify.dev/images/templated-apis-screenshots/app-bridge-library/modal.png)](https://shopify.dev/docs/api/app-bridge-library/web-components/ui-modal)

[ui-modal](https://shopify.dev/docs/api/app-bridge-library/web-components/ui-modal)

[The Modal API allows you to display an overlay that prevents interaction with the rest of the app until dismissed.](https://shopify.dev/docs/api/app-bridge-library/web-components/ui-modal)

[![ui-nav-menu](https://shopify.dev/images/templated-apis-screenshots/app-bridge-library/navigation-menu.png)![ui-nav-menu](https://shopify.dev/images/templated-apis-screenshots/app-bridge-library/navigation-menu.png)](https://shopify.dev/docs/api/app-bridge-library/web-components/ui-nav-menu)

[ui-nav-menu](https://shopify.dev/docs/api/app-bridge-library/web-components/ui-nav-menu)

[The Navigation Menu API creates a navigation menu for your app.](https://shopify.dev/docs/api/app-bridge-library/web-components/ui-nav-menu)

[![ui-save-bar](https://shopify.dev/images/templated-apis-screenshots/app-bridge-library/contextual-save-bar.png)![ui-save-bar](https://shopify.dev/images/templated-apis-screenshots/app-bridge-library/contextual-save-bar.png)](https://shopify.dev/docs/api/app-bridge-library/web-components/ui-save-bar)

[ui-save-bar](https://shopify.dev/docs/api/app-bridge-library/web-components/ui-save-bar)

[The Save Bar API is used to indicate that a form on the current page has unsaved information.](https://shopify.dev/docs/api/app-bridge-library/web-components/ui-save-bar)

[![ui-title-bar](https://shopify.dev/images/templated-apis-screenshots/app-bridge-library/title-bar.png)![ui-title-bar](https://shopify.dev/images/templated-apis-screenshots/app-bridge-library/title-bar.png)](https://shopify.dev/docs/api/app-bridge-library/web-components/ui-title-bar)

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

[The Title Bar API allows you to populate a standardized title bar with button actions and navigation breadcrumbs.](https://shopify.dev/docs/api/app-bridge-library/web-components/ui-title-bar)