OTP Slingshot Input

Summary

A playful OTP entry interaction where digits are flung into the input field using an animated slingshot, ending with a wrong-code shake state.

Visual description

A white page has a bold centered heading reading Enter your code above a row of six rounded pale-grey digit boxes, the first outlined in amber and showing a faint zero. At the bottom center a black Y-shaped slingshot holds a single digit 1 in its pouch with amber bands. Scattered grey digits of varying size and opacity lie along the floor on both sides, fading out toward the edges, with a mouse cursor floating mid-screen.

Key takeaway

Turn a mundane input into a physical toy by loading each digit into a slingshot and letting leftover numerals pile up on the floor. A restrained monochrome page with a single amber accent keeps the gag legible.

Reuse notes

Reach for this as a motion still reference. Pairs with minimal, playful directions. Original by Kailash.