block-code
react-headless-passcode
| block-code | react-headless-passcode | |
|---|---|---|
| 1 | 1 | |
| 12 | 14 | |
| - | - | |
| 2.4 | 7.8 | |
| 6 months ago | about 1 year ago | |
| TypeScript | TypeScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
block-code
-
I made a new input component for 2FA/OTP/Passcode
I made a new input component for 2FA/OTP/Passcode and name it as block-code. Please check out the storybook here
react-headless-passcode
-
Create a passcode component from scratch in React
If you would like to use this component, you can check out the library I made: react-headless-passcode. It's a headless library that allows you to pass the array value to the usePasscode hook, which takes care of all the complex scenarios mentioned above and other scenarios as well. With headless, you can focus more on building your passcode UI and styling it however you like. The entire control is given to the developer. The job of react-headless-passcode is to provide you with all the logic you need to get the passcode component up and running.
What are some alternatives?
rci - 🔢 better code inputs for react/web
rewindui - A React component library for building modern web applications using Tailwind CSS.
otplib - :key: One Time Password (OTP) / 2FA for Node.js and Browser - Supports HOTP, TOTP and Google Authenticator
flowbite-react - Official React components built for Flowbite and Tailwind CSS
a12n-server - An open source lightweight OAuth2 server
createform - The ReactJS form library
react-pin-field - 📟 React component for entering PIN codes.
design-system-builder - Design System Builder
Authenticator - Authenticator generates 2-Step Verification codes in your browser.
react-spaces - React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.
React95 - 🌈🕹 Windows 95 style UI component library for React
react-daisyui - daisyUI components built with React 🌼