Deck
A four-digit code field that shuffles like playing cards
A four-digit code field with a playful card animation. Good for: login or payment pages that send a one-time code. How it works: when the last digit is typed, the four boxes fan out like a hand of cards and turn into one tile with a check mark. How to use: copy the files into your page and connect the field to your own code check. No libraries needed.
$6.00 — one-time price, free updates
- A UI component for any site
- Plain HTML, CSS and JavaScript · nothing to install
- Use it in unlimited client projects
Built with Plain JavaScript, CSS, SVG.
What is in the zip
- app.css
- app.js
- index.html
Version history
- v1.0.0, 2026-08-24 — First release. Deck shipped as one file, with the reel recorded from the real page.