This widget can be used as a layer on top of the page which can simulate the "swipe to unlock" behavior in mobile devices. Right after swiping, it disappears and triggers an "unlocked" event, which can be used to refresh screen data or make the screen "enabled" again. The demo showcases this.

The block works in Mobile apps and Reactive apps in mobile/tablet mode.

Built with pure JS and CSS.

Disclaimer: This component is meant to be used in mobile, so it uses JS touch events. Please use a mobile view of the browser to test the pattern.