OTP Reel

ui

6-box code entry where each box is a tiny slot-machine cipher reel: keystrokes spin a canvas glyph strip into a weighted detent on the typed digit with an accent flash; backspace reverse-spins to blank and idle cells carry a faint ambient drift.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/otp-reel.json"

Sign In

OTP Reel

ui

6-box code entry where each box is a tiny slot-machine cipher reel: keystrokes spin a canvas glyph strip into a weighted detent on the typed digit with an accent flash; backspace reverse-spins to blank and idle cells carry a faint ambient drift.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/otp-reel.json"

components/ui/otp-reel.tsx