react-tunnel-vision

A mouse/touch-tracing tunnel vision effect for React components

Demo

https://cbarkr.github.io/react-tunnel-vision-demo/

Installation

npm i react-tunnel-vision

Usage

Anything contained within a <TunnelVisionArea> will have tunnel vision.

<div>
    <p>Now you see me</p>
    <TunnelVisionArea>
        <p>Now you don't (unless you're hovering me)<p>
    </TunnelVisionArea>
</div>

Attribution

Inspired by https://github.com/codaworks/react-glow