block-code
A fully customizable, one-time password input component for the web built with React (by eui-official)
rci
🔢 better code inputs for react/web (by leonardodino)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
block-code | rci | |
---|---|---|
1 | 2 | |
11 | 895 | |
- | - | |
0.0 | 2.6 | |
about 2 years ago | about 1 year ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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
Posts with mentions or reviews of block-code.
We have used some of these posts to build our list of alternatives
and similar projects.
-
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
rci
Posts with mentions or reviews of rci.
We have used some of these posts to build our list of alternatives
and similar projects.
-
Need help making my component accesible
I have created a simple segmented input component, using the not so accessible technique of having multiple input components next to each other. I know it's bad, but doing it the rci is more difficult and limiting, but now I want to make it more accessible. My approach is to make a second input element next to it, hide it with css, and make screen readers think it's the actual input field. However, I don't really know how. So, what aria attributes and what not can I give to to trick screen readers into not seeing the div and only the input and is it even doable? Here's is the general DOM structure of my component
-
Made a Segmented Input component for svelte
Take a look at https://github.com/leonardodino/rci for inspiration.
What are some alternatives?
When comparing block-code and rci you can also consider the following projects:
otplib - :key: One Time Password (OTP) / 2FA for Node.js and Browser - Supports HOTP, TOTP and Google Authenticator
react-math-keyboard - A customizable math keyboard for React
a12n-server - An open source lightweight OAuth2 server
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
gincko - Build complex, smart forms or inputs-based UIs in seconds.
image-to-totp - 🔐 Convert QR images to TOTP codes
zag - Finite state machines for building accessible design systems and UI components.