Pattern Lock Input
A 3×3 pattern lock on a near-black screen lit by a soft aura in the lock's colour, under a small "Private notes" label and the title "Draw to unlock". Drawing connects the dots with a glowing cyan line whose open end lags behind the finger and bows like a stretched rubber band; each dot it reaches pops with a springy core, a halo and a ripple ring, snapping the line's end onto its centre with a little wobble, and dots the line passes over are picked up too. A wrong pattern turns the line and dots red, shakes the grid and fades away; the right one, a "Z", flashes green, the dots collapse into one glowing point that swells into a padlock, whose shackle draws on and springs open as a check is drawn on its body, and then the grid comes back.
React Native · Expo SDK 52+, TypeScript
✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.