nex-ui
  • Templates
  • Docs
  • Pricing
  • FAQ
csen
Sign inGet Pro
Overview
    • Floating label input
    • Checkbox
    • Switch
    • Search input
    • Password with strength
    • Range slider
    • Select menu
    • Number stepper
    • Code inputPro
    • Tag inputPro

Ship something that moves.

Browse components
nex-ui

Components for React and Tailwind, made by one developer.

Product

  • Components
  • Tools
  • Templates
  • Pricing
  • FAQ

Resources

  • Docs
  • Changelog
  • License
  • Contact

© 2026 nex-ui. All rights reserved.

Components/Inputs

Code inputPro

Six boxes, auto-advance, paste the whole code at once.

Props

Appearance

Applies to this component only and stays saved when you come back.

#ff3347
#b3122a
Preview background

Install

$npx nex-ui add otp-input

Usage

import { OtpInput } from "@/components/nex-ui/otp-input";

<OtpInput label="Verification code" />

This is a Pro component

You can try the preview. The source and CLI install unlock with Pro.

Get Pro
PreviousNumber stepperNextTag input