Polished componets for better experiences
kobra.systems provides a segmented one-time code (OTP) input component built on input-otp, designed for React applications with Tailwind CSS styling and motion-based animations.
What it does:
This component offers a drop-in OTP input field that splits codes into individual digit boxes with visual feedback for invalid, success, and paste states. It supports both light and dark modes and includes spring-based animations for typing and pasting actions using react-motion.
Key features:
• Segmented digit boxes — Each digit appears in its own box for clearer code entry and reduced input errors.
• Input-otp integration — Leverages the input-otp library for reliable OTP handling and schema validation.
• React and Tailwind stack — Built with modern React hooks and Tailwind CSS for easy customization and theming.
• Animated state transitions — Uses motion to animate paste sweeps, success pulses, and invalid feedback.
• Paste and code normalization
Also launched this week
Comments
Sign in to leave a comment.