Filter By
30 Components & Libraries
React Input Types
Input masking component for React. Made with attention to UX.
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 Input Format & Mask, tiny (≈800b) component to transform any input component into formatted or masked input. Supports number, date, phone, currency, credit card, etc
RIFM - React Input Format & Mask Is a tiny (≈ 800b) component (and hook) to transform any input component into formatted or masked input. Demo Highlig
A React component that let's you mention people in a textarea like you are used to on Facebook or Twitter.
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
Rewrite International Telephone Input in React.js
Rewrite International Telephone Input in React.js. (Looking for maintainers, and PRs & contributors are also welcomed!)
A ReactJS input component that manages multiple languages
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.
A React component that decorates it's children with mouse/touch position tracking, a status toggle fired by click/gesture events, and more.
React component for international phone number input
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
Input mask for React, Angular, Ember, Vue, & plain JavaScript
⚠️ This library is not maintained. Pull-requests and issues are not monitored. Alternatives to text-mask include: https://github.com/uNmAnNeR/imaskjs
Input mask for React, Angular, Ember, Vue, & plain JavaScript
Text Mask is an input mask library. It can create input masks for phone, date, currency, zip code, percentage, email, and literally anything!
Beautiful credit cards for your payment forms
React Credit Cards A slick credit card component for React. Demo Install npm install --save react-credit-cards Usage import React from 'react'; impor
A fully customizable, one-time password input component for the web built with React.
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 component for entering and validating PIN code.
React component for entering and validating PIN code.
A React Hook & Container to help with payment card input fields.
React Payment Inputs A React Hook & Container to help with payment card input fields. React Payment Inputs Demos Requirements Installation Usage With
Masked input React component
MaskedInput A React component for input masking, built on top of inputmask-core. Live Demo Install npm npm install react-maskedinput --save Browser
React component that handles csv file input and its parsing
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
Highly configurable & extensible automatically sized input field built with hooks.
Highly configurable & extensible automatically sized input field built with hooks.
A numpad for number, date and time, built with and for React.
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 Individual Character Input Boxes
react-individual-character-input-boxes React Individual Character Input Boxes (RICIBs) are individual inputs that are separate from each other but fun
International phone number input component for react
Welcome to react-contact-number-input 👋 International phone number input component for react Install npm install react-contact-number-input Author 👤
Headless phone number input component for React. Because phone numbers are hard.
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
A fully customizable, one-time password input component for the web built with React
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
Format-as-you-type - A simple field formatting and masking tool for React
Format As You Type The simplest field formatting and masking tool for React. For
Numeric input control with step buttons for Semantic UI React
Numeric input control with step buttons for Semantic UI React
An input of type password implemented with React and TypeScript
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
A ReactJS component that allows for multiple text field input, built using the FluentUI library
A react component for digit inputs
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.
An edit mask for React based on regular expression syntax with cursor handling.
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
time-input A keyboard friendly react component for capturing time features small UI surface area (just a form input) keyboard friendly (can type times