Code Slots
One-time-code input where a hidden overlay input owns focus, paste and SMS autofill while each slot lands its digit on one spring: the fill swells from the centre, the digit rises and the caret glides; a wrong code drains the slots in a cascade, a right one merges them into a single accent wash.
- Library
- React Bits
- Framework
- React
- Type
- component
- License
- Commons-Clause+MIT
- Install
npx shadcn@latest add @react-bits/CodeSlots- Files
src/content/Micro/CodeSlots/CodeSlots.csssrc/content/Micro/CodeSlots/CodeSlots.jsx
- Source
- https://github.com/DavidHDev/react-bits
Categories
- Animated Text Components
- React Animated Text Components
- Code Block Components
- React Code Block Components
- Animated Code Block Components
- Counter Components
- React Counter Components
- Animated Counter Components
- Data Display Components
- React Data Display Components
- Animated Data Display Components
- Dev Tool Components