diff --git a/data/quickstart/fragment-layout/authenticated-lo.fragment-layout.xml b/data/quickstart/fragment-layout/authenticated-lo.fragment-layout.xml
index 28742f03ca..bca47ddc78 100644
--- a/data/quickstart/fragment-layout/authenticated-lo.fragment-layout.xml
+++ b/data/quickstart/fragment-layout/authenticated-lo.fragment-layout.xml
@@ -47,5 +47,8 @@
             <channel fname="personalization-gallery" unremovable="false" hidden="false" immutable="false" ID="n310"/>
             <channel fname="background-preference" unremovable="true" hidden="false" immutable="false" ID="n320"/>
         </folder>
+        <folder ID="s400" hidden="false" immutable="true" name="Pre Content folder" type="pre-content" unremovable="true">
+            <channel fname="notification-modal" unremovable="false" hidden="false" immutable="false" ID="n410"/>
+        </folder>
     </folder>
 </layout>
diff --git a/data/quickstart/portlet-definition/notification-modal.portlet-definition.xml b/data/quickstart/portlet-definition/notification-modal.portlet-definition.xml
new file mode 100644
index 0000000000..de885b9a51
--- /dev/null
+++ b/data/quickstart/portlet-definition/notification-modal.portlet-definition.xml
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!--
+
+    Licensed to Apereo under one or more contributor license
+    agreements. See the NOTICE file distributed with this work
+    for additional information regarding copyright ownership.
+    Apereo licenses this file to you under the Apache License,
+    Version 2.0 (the "License"); you may not use this file
+    except in compliance with the License.  You may obtain a
+    copy of the License at the following location:
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing,
+    software distributed under the License is distributed on an
+    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+    KIND, either express or implied.  See the License for the
+    specific language governing permissions and limitations
+    under the License.
+
+-->
+<portlet-definition version="5.0" xsi:schemaLocation="https://source.jasig.org/schemas/uportal/io/portlet-definition https://source.jasig.org/schemas/uportal/io/portlet-definition/portlet-definition-5.0.xsd" xmlns="https://source.jasig.org/schemas/uportal/io/portlet-definition" xmlns:ns6="https://source.jasig.org/schemas/uportal/io/permission-owner" xmlns:ns5="https://source.jasig.org/schemas/uportal/io/subscribed-fragment" xmlns:ns8="https://source.jasig.org/schemas/uportal/io/stylesheet-descriptor" xmlns:ns7="https://source.jasig.org/schemas/uportal/io/user" xmlns:ns2="https://source.jasig.org/schemas/uportal" xmlns:ns4="https://source.jasig.org/schemas/uportal/io/event-aggregation" xmlns:ns3="https://source.jasig.org/schemas/uportal/io/portlet-type" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
+    <title>Notification Modal</title>
+    <name>Notification Modal</name>
+    <fname>notification-modal</fname>
+    <desc>Apereo Notification Portlet</desc>
+    <type>Advanced CMS</type>
+    <timeout>5000</timeout>
+    <portlet-descriptor>
+        <ns2:webAppName>/SimpleContentPortlet</ns2:webAppName>
+        <ns2:portletName>cms</ns2:portletName>
+    </portlet-descriptor>
+    <group>Authenticated Users</group>
+    <parameter>
+        <name>alternate</name>
+        <value>false</value>
+    </parameter>
+    <parameter>
+        <name>blockImpersonation</name>
+        <value>false</value>
+    </parameter>
+    <parameter>
+        <name>disableDynamicTitle</name>
+        <value>true</value>
+    </parameter>
+    <parameter>
+        <name>editable</name>
+        <value>false</value>
+    </parameter>
+    <parameter>
+        <name>hasAbout</name>
+        <value>false</value>
+    </parameter>
+    <parameter>
+        <name>hasHelp</name>
+        <value>false</value>
+    </parameter>
+    <parameter>
+        <name>hideFromMobile</name>
+        <value>false</value>
+    </parameter>
+    <parameter>
+        <name>highlight</name>
+        <value>false</value>
+    </parameter>
+    <parameter>
+        <name>iconUrl</name>
+        <value>/ResourceServingWebapp/rs/tango/0.8.90/32x32/status/dialog-warning.png</value>
+    </parameter>
+    <parameter>
+        <name>mobileIconUrl</name>
+        <value>/uPortal/media/skins/icons/mobile/bullhorn.png</value>
+    </parameter>
+    <parameter>
+        <name>showChrome</name>
+        <value>true</value>
+    </parameter>
+    <portlet-preference>
+        <name>content</name>
+        <readOnly>false</readOnly>
+        <value>
+        <![CDATA[
+            <script src="https://unpkg.com/vue@2.5.16"></script>
+            <script type="text/javascript" src="/NotificationPortlet/scripts/notification-modal.js"></script>
+
+            <notification-modal filter="minPriority=1"></notification-modal>
+        ]]>
+        </value>
+    </portlet-preference>
+</portlet-definition>
diff --git a/etc/portal/notification.properties b/etc/portal/notification.properties
index 0571619134..087ebd479a 100644
--- a/etc/portal/notification.properties
+++ b/etc/portal/notification.properties
@@ -49,4 +49,4 @@
 ## additionally updates any dueDate fields it finds to points in time either slightly before or
 ## slightly after the present moment.
 ##
-DemoNotificationService.locations=demo/demoNotificationResponse2.json,demo/demoNotificationResponse.json
+DemoNotificationService.locations=demo/demoNotificationResponse2.json,demo/demoNotificationResponse.json,demo/modal-notification-response.json
diff --git a/gradle.properties b/gradle.properties
index e780484dc2..71187ebaa0 100644
--- a/gradle.properties
+++ b/gradle.properties
@@ -15,7 +15,7 @@ jasigWidgetPortletVersion=2.2.7
 resourceServerVersion=1.0.48
 resourceServer13Version=1.3.1
 newsReaderPortletVersion=5.0.3
-notificationPortletVersion=4.1.1
+notificationPortletVersion=4.2.0
 sakaiConnectorPortletVersion=1.5.2
 simpleContentPortletVersion=3.1.2
 uPortalVersion=5.2.3
diff --git a/overlays/NotificationPortlet/src/main/resources/demo/modal-notification-response.json b/overlays/NotificationPortlet/src/main/resources/demo/modal-notification-response.json
new file mode 100644
index 0000000000..d429371c98
--- /dev/null
+++ b/overlays/NotificationPortlet/src/main/resources/demo/modal-notification-response.json
@@ -0,0 +1,23 @@
+{
+  "categories": [
+    {
+      "title": "Portal Message",
+      "entries": [
+        {
+          "id": "modal-001",
+          "priority": 1,
+          "title": "Student Portal Updates",
+          "body": "Welcome to the new student portal based on <a href=\"https://apereo.org/projects/uPortal\">uPortal 5</a>. There are several exciting new features included with this update. Please take a moment to familiarize yourself with the new content & options.",
+          "source": "Demo Service",
+          "states": {
+            "ISSUED": null,
+            "PUSHED": null,
+            "TEXTED": null,
+            "READ": null,
+            "COMPLETED": null
+          }
+        }
+      ]
+    }
+  ]
+}