react-pin-field vs noUiSlider

react-pin-field

📟 React component for entering PIN codes. (by soywod)

soywod.github.io

noUiSlider is a lightweight, ARIA-accessible JavaScript range slider with multi-touch and keyboard support. It is fully GPU animated: no reflows, so it is fast; even on older devices. It also fits wonderfully in responsive designs and has no dependencies. (by leongersen)

Range Sliders range-slider Component Input Accessibility keyboard-support Form TypeScript multi-touch

Source Code

refreshless.com

Suggest alternative

Edit details

Our great sponsors

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

WorkOS - The modern identity platform for B2B SaaS

InfluxDB - Power Real-Time Data Analytics at Scale

Our great sponsors

react-pin-field		noUiSlider
	Project
1	Mentions	2
408	Stars	5,600
-	Growth	-
6.3	Activity	5.7
4 months ago	Latest Commit	6 months ago
TypeScript	Language	TypeScript
MIT License	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.

react-pin-field

Posts with mentions or reviews of react-pin-field. We have used some of these posts to build our list of alternatives and similar projects.

React component for entering PIN codes
1 project | news.ycombinator.com | 14 Mar 2021

noUiSlider

Posts with mentions or reviews of noUiSlider. We have used some of these posts to build our list of alternatives and similar projects.

Who knows the name of this plugin?
1 project | /r/Wordpress | 8 Jun 2023

The individual sliders are built using this: https://refreshless.com/nouislider/
Why imported javascript function isn't working
1 project | /r/djangolearning | 23 Oct 2022

to the end of script src="{% static 'noUiSlider-master/noUiSlider-master/dist/nouislider.js' %}">. You can see the full example in the documentation.

What are some alternatives?

When comparing react-pin-field and noUiSlider you can also consider the following projects:

ka-table - Lightweight MIT React Table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more

Ion.RangeSlider - jQuery only range slider

react-in-out-textarea - A simple React.js User Interface Component that is like Google Translate with full TypeScript Support

bootstrap-slider - A slider control for Bootstrap 3 & 4.

react-plough - A library to help tend your react form fields

rangeslider.js - 🎚 HTML5 input range slider element jQuery polyfill

livecodes - Code Playground That Just Works!

jQRangeSlider - A jquery UI range selection slider that supports dates

react-currency-input-field - React component for an input field

jRange - jQuery plugin to create range selector

react-math-keyboard - A customizable math keyboard for React

toolcool-range-slider - Responsive range slider library written in typescript and using web component technologies. Pure JavaScript without additional dependencies. It has a rich set of settings, including any number of pointers (knobs), vertical and horizontal slider, touch, mousewheel and keyboard support, local and session storage, range dragging, and RTL support.