31 Components & Libraries
Text Mask is an input mask library. It can create input masks for phone, date, currency, zip code, percentage, email, and literally anything!
React Mentions A React component that let's you mention people in a textarea like you are used to on Facebook or Twitter. Used in production at Signav
⚠️ This library is not maintained. Pull-requests and issues are not monitored. Alternatives to text-mask include: https://github.com/uNmAnNeR/imaskjs
React Credit Cards A slick credit card component for React. Demo Install npm install --save react-credit-cards Usage import React from 'react'; impor
React Currency Input Field Component
react-input-mask Input masking component for React. Made with attention to UX. This is a development branch for version 3.0. For the latest stable ver
react-otp-input A fully customizable, one-time password input component for the web built with React. Live Demo CodeSandbox Installation To install th
react-csv-reader React component that handles csv file input. It handles file input and returns its content as a matrix. Docs: nzambello.github.io/rea
React Payment Inputs A React Hook & Container to help with payment card input fields. React Payment Inputs Demos Requirements Installation Usage With
react-phone-number-input International phone number input for React. See Demo Install npm install react-phone-number-input --save If you're not us
React numpad A numpad for number, date and time, built with and for React. It's written with the extensibility in mind. The idea of this project is to
React component for entering and validating PIN code.
Numeric input control with step buttons for Semantic UI React
react-individual-character-input-boxes React Individual Character Input Boxes (RICIBs) are individual inputs that are separate from each other but fun
RIFM - React Input Format & Mask Is a tiny (≈ 800b) component (and hook) to transform any input component into formatted or masked input. Demo Highlig
rc-input-number Input number control.
MaskedInput A React component for input masking, built on top of inputmask-core. Live Demo Install npm npm install react-maskedinput --save Browser
Rewrite International Telephone Input in React.js. (Looking for maintainers, and PRs & contributors are also welcomed!)
React Headless Phone Input A headless phone number input component built for usability. Phone numbers are hard. Users expect to be able to enter phone
Highly configurable & extensible automatically sized input field built with hooks.
Welcome to react-contact-number-input 👋 International phone number input component for react Install npm install react-contact-number-input Author 👤
use-telephone A React hook for building phone number inputs Installation use-telephone depends on React = 16.8, so make sure you have it installed. y
A react component for digit inputs. It might be very useful to get SMS codes from user on two factor authentications and in many other scenarios when you need get an numerical input from user digit by digit.
block-code A fully customizable, one-time password input component for the web built with React Live demo Highlights Easy to use Fully customizable Re
React-translatable-input A ReactJS input component that manages multiple languages. $ npm install --save react-translatable-input Demo http://belkalab
A React component that decorates it's children with mouse/touch position tracking, a status toggle fired by click/gesture events, and more.
Format As You Type The simplest field formatting and masking tool for React. For
An input of type password implemented with React and TypeScript
A ReactJS component that allows for multiple text field input, built using the FluentUI library
react-editmask An edit mask for React based on regular expression syntax with cursor handling. Installation react-editmask requires React 0.14 or late
time-input A keyboard friendly react component for capturing time features small UI surface area (just a form input) keyboard friendly (can type times