# Web Push Notifications

Here’s some initial references for setting up Push Notifications in web pages.

<span data-annotation-inline-node="true" data-annotation-mark="true" data-card-url="https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API" data-inline-card="true" data-renderer-start-pos="81"><span class="loader-wrapper"><span data-testid="hover-card-trigger-wrapper" role="button">[<span class="_o5721jtm _1nmz9jpi _16d9qvcn _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66" data-testid="inline-card-icon-and-title"><span class="smart-link-title-wrapper">Service Worker API - Web APIs | MDN</span></span>](https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API)</span></span></span>

<span data-annotation-inline-node="true" data-annotation-mark="true" data-card-url="https://developer.mozilla.org/en-US/docs/Web/API/Push_API" data-inline-card="true" data-renderer-start-pos="85"><span class="loader-wrapper"><span data-testid="hover-card-trigger-wrapper" role="button">[<span class="_o5721jtm _1nmz9jpi _16d9qvcn _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66" data-testid="inline-card-icon-and-title"><span class="smart-link-title-wrapper">Push API - Web APIs | MDN</span></span>](https://developer.mozilla.org/en-US/docs/Web/API/Push_API)</span></span></span>

<span data-annotation-inline-node="true" data-annotation-mark="true" data-card-url="https://web.dev/push-notifications-overview/" data-inline-card="true" data-renderer-start-pos="89"><span class="loader-wrapper"><span data-testid="hover-card-trigger-wrapper" role="button">[<span class="_o5721jtm _1nmz9jpi _16d9qvcn _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66" data-testid="inline-card-icon-and-title"><span class="smart-link-title-wrapper">Push notifications overview | Articles | web.dev</span></span>](https://web.dev/push-notifications-overview/)</span></span></span>

<span data-annotation-inline-node="true" data-annotation-mark="true" data-card-url="https://web.dev/push-notifications-in-all-modern-browsers/" data-inline-card="true" data-renderer-start-pos="93"><span class="loader-wrapper"><span data-testid="hover-card-trigger-wrapper" role="button">[<span class="_o5721jtm _1nmz9jpi _16d9qvcn _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66" data-testid="inline-card-icon-and-title"><span class="smart-link-title-wrapper">Push notifications are now supported cross-browser | Blog | web.dev</span></span>](https://web.dev/push-notifications-in-all-modern-browsers/)</span></span></span>

<span data-annotation-inline-node="true" data-annotation-mark="true" data-card-url="https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/" data-inline-card="true" data-renderer-start-pos="97"><span class="loader-wrapper"><span data-testid="hover-card-trigger-wrapper" role="button">[<span class="_o5721jtm _1nmz9jpi _16d9qvcn _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66" data-testid="inline-card-icon-and-title"><span class="smart-link-title-wrapper">Web Push for Web Apps on iOS and iPadOS</span></span>](https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/)</span></span></span>