Code Input

ui

A calm code field with a caret that glides between underlined slots. Digits rise into place, pasted codes stream in, a line runs while checking, and on success the underlines join into one with a check. Optional masking.

pnpm dlx shadcn@latest add "https://brioui.com/r/code-input.json"

Sign In

Code Input

ui

A calm code field with a caret that glides between underlined slots. Digits rise into place, pasted codes stream in, a line runs while checking, and on success the underlines join into one with a check. Optional masking.

pnpm dlx shadcn@latest add "https://brioui.com/r/code-input.json"

motion

components/ui/code-input.tsx

motion

components/ui/code-input.tsx