# One-Time Code Input

> A one-time code input for sign-ins, 2FA and email verification. Six digit boxes share one real input, a focus ring glides to the next box as you type, the texted code arrives with an Autofill chip, a wrong code shakes and clears, and the right one ripples green box by box.

- Category: Input
- Frameworks: Vanilla
- Design system: Aperture
- Dark mode: no
- Access: free (sign in to copy the code)
- Tags: login, password, form
- Page: https://builder.atheros.ai/components/otp-verify
- Preview: https://d17nmjscumqk5d.cloudfront.net/builder/templates/tpl_63887ac6-b3b3-49c7-8f37-e8d7730cfaf8/preview-041ba5b3daed.jpeg

## Common questions

**Which frameworks is One-Time Code Input available in?**

One-Time Code Input ships as Vanilla — HTML, CSS, JS source you can copy, download or clone into Atheros AI Builder.

**Is One-Time Code Input free?**

Yes. One-Time Code Input is a free component: preview it without an account, and sign in with a free Atheros account to copy or download the full source and customise it with AI.

**Does One-Time Code Input support dark mode?**

One-Time Code Input ships a single light theme, drawn from the Aperture design system's tokens.

## Get the code

Preview One-Time Code Input live, then sign in to copy or download the source, apply another design system, or ask the AI assistant to change it: https://builder.atheros.ai/components/otp-verify

Every component on https://builder.atheros.ai is also reachable from Claude Code, Cursor and Codex through the Atheros MCP server (paid plans). Component index: https://builder.atheros.ai/llms-components.txt