Pinwheel is a Framework7 plugin to add iOS 11 styled notifications and widgets to your web application. See above for an example Pinwheel widget.
You can easily use Pinwheel in you app by adding the css (link) and js (link) to your app and add a div with the class "pinwheel-overlay" above or below the statusbar/panel overlay. You can also download the code directly from github to include in your app as well as download the code to the demo app.
To call a Pinwheel notification you can use the function pw.addNotification('icon link', 'title', 'bold text', 'body text', 'theme'); The icon link is the link to your icon, the title will automatically be coverted to upper case, the bold text is the bold title, the body text is the main text, and finally, the theme can be dark or light.
To use a Pinwheel widget download the source code of the demo app. Keep in mind that the widgets are not limited to text, you have plenty of options on what you can use it for.