bracket cursor for react · magnetic targeting, labels and blend · from the deniz lab
01·the cursorhover inside · this window runs the package
point at things.
the dot follows you. the brackets leave your side and embrace whatever you rest on.
on dark ground
blend is on, so the cursor holds its own here. switch it off below and watch ink on ink disappear.
glyphs
speed
extras
the other shapes
02·roundsoft targets
03·anglesharp targets
04·cornersticks, not walls
frame oneframe two
details
05·labelsdata-cursor-label
06·blendone cursor, any ground
usage
install
npm install @denizeffects/bracket-cursorreact
import { BracketCursor } from "@denizeffects/bracket-cursor";
// mount once, near the root of your app
<BracketCursor blend />
// label anything, opt anything out
<button data-cursor-label="save">save</button>
<video data-cursor="none" />zero dependenciesssr saferespects reduced motiontouch stays nativemit license