React Input-mask Resources

React Validate Input Installation npm i react-pre-validated-input Usage import { Input } from "react-pre-validated-input"; Input name="Last Name"

An application that takes basic information about the user's project as an input and generates a README.md file which the user can upload directly in their project's repository.

A project made with ReactJS and Typescript, using the Google Maps Javascript API for calculating distance in the input locations.

📌 A One-Time Password input designed for the React library MUI

Remix-validity-state is a small React form validation library that aims to embrace HTML input validation and play nicely with Remix primitives

A fully customizable, one-time password (OTP) and phone number with separator input component for the web built with React. Tested on Web, Android, and iOS. This package supports all react versions.

React hook for entering a PIN code.

🎁 Custom Input Text React - An Editable text input component for react.

A lightweight (~2kB) library to create range sliders that can capture a value or a range of values with one or two drag handles.

A fully customizable datetime picker component library made with and for React.js

Poem Generator This application is used to generate poems based on user's input. Deployed App https://my-poem-generator.herokuapp.com/ Front End The f

React Native Phone Number Input Performance oriented React Native Phone Number Input with typings and proper validation for any country. Made with ❤️

Fully customizable, beautifully designed Input Bar for React Native

📋 React input tags using hooks

react-verification-input is a customizable, masked input that can be used to enter all sorts of codes e.g. security codes when two-factor authenticating. Also I'm sure you can think of many more creative use cases.

Covid-19 Metrics App Table of Contents About the Project Built With Getting Started Contributing Authors Acknowledgements About Project This is a simp

🚩Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)

A tiny React utils which gives uncontrolled input elements a power of namespaces, and allows constructing complex objects

Floating label Field with Tailwindcss

Welcome to react-contact-number-input 👋 International phone number input component for react Install npm install react-contact-number-input Author 👤

☎️ react-telephone: Tiniest react input phone component (auto formating included)

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 Login Input Hooks" ✅ Check out my YouTube Channel with all of my tutorials. Description: This repository shares the code applied during the You

Know Emoticon This is React based simple App which takes the emoji as an input f

React-circular-input: React components for easily composing a circular range input

React Smooth Range Input Smooth input range Beautiful animation interaction Tiny size Install $ npm install react-smooth-range-input Example Quick

React Native Smooth Pincode Input A cross-platform, smooth, lightweight, customizable PIN code input component for React Native. Most PIN code inputs

Insect 🛠 Highly customisable, minimalistic input x select field for React. ⚡️ Features Tiny size (~4kb Gzip) 100% responsive. Highly customisable. Su

rci "react code input" better segmented code inputs for the web. primary goals: improved accessibility operating system integration consistent, cross-

React-Phone-Input-2 Highly customizable phone input component with auto formatting. Installation npm install react-phone-input-2 --save Usage import P

react-color-range · Tiny color input for React, made with native input ranges. react-color-range leverages the native input type="range" and CSS linea

react-slider-kit react-slider-kit is going to be a comprehensive solution to slider feature in react. This component was originally inspired by dribbl

react-form-with-constraints Simple form validation for React Installation: npm install react-form-with-constraints CDN: https://unpkg.com/react-form-w

React Credit Card Input A credit/debit card input field for React NOTE: While React Credit Card Input is still supported, it's highly recommended to c

Images uploader UI component Simple component for upload and validate (client side) images with preview built with React.js. This package use 'react-f

react-touch-screen-keyboard Quick start This library will render a draggable virtual keyboard on the bottom of the screen when the input is selected.

react-simple-range A simple React slider component for inputting a number value within a range. Install npm install react-simple-range --save Usage Im

React Markdown Built using slate-js Usage Install npm package: npm install -E @opuscapita/react-markdown Import it to your application import Markdown

react-step-range-slider Use this component like a range input with dynamic steps. Fully responsive and supports touch. Install $ npm install react-ste

react-filtered-multiselect A FilteredMultiSelect/ React component, for making and adding to selections using a filtered multi-select. Live example w

A fast & lightweight react component as a drop in replacement for HTML5 input range slider element. Installation Using npm (use --save to include it i

Input Autocomplete Tiny react input component with HTML5-like autocomplete. Why not HTML5 autocomplete? Because HTML5 autocomplete only show options b

time-input A keyboard friendly react component for capturing time features small UI surface area (just a form input) keyboard friendly (can type times

React-Wysiwyg This component allows you to have some control over contenteditable content. It's especially useful for when you need to implement somet

React Password Mask Show/hide the contents of a password field. Installation $ npm install react-password-mask Usage import PasswordMask from 'react-p

React Chips A controlled React input for arrays of data. Chip A chip is a component used to represent an arbitrary data object. Getting Started npm in

This extension allows you to fill all form inputs (textboxes, textareas, radio buttons, dropdowns, etc.) with dummy data. It is a must for developers

react-floating-label-paper-input Install npm install react-floating-label-paper-input --save Demo Demo Properties type : string Type of input you want

React Native Mask Input A simple and effective Text Input with mask for ReactNative on iOS, Android, and Web. No fancy stuff, it's basically a JavaScr

React Selectrix A beautiful, materialized, easy to use and flexible React Select replacement Demo Check out the demo and use examples here! Installing

chakra-ui-date-input Date Input Component for chakra UI library DEMO - demo Ins

Swing A swipeable cards interface. The swipe-left/swipe-right for yes/no input. As seen in apps like Jelly and Tinder, and many others. Give it a swin

react-categorized-tag-input React.js component for making tag autocompletion inputs with categorized results with no dependencies and 10KB minified. N

react-floating-label Floating label input. Checkout the DEMO Install it: npm install --save react-floating-label Usage: var FloatingLabel = require('r

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-dynamic-debounce A debounce hook that dynamically adjusts to input speed.

Categoreact Categoreact is a minimalist categoried input field with categoried tags that appear whenever users type commas or hit tabs. The categories

React Input Children InputChildren is a replacement for the base input react component capable of rendering a child (link, button...) inside the input

React Native Tag Input Simple Example import TagInput from 'react-native-tag-input'; ... TagInput value={this.state.emails} onChange={(emails)

RubberSlider/ Installation $ npm i @shwilliam/react-rubber-slider $ npm i @reach/slider d3 Usage import React, {useState} from 'react' import Rubber

📋 Reactive form management and input field validation hook

react-native-datefield A simple React Native date input component Installation yarn add react-native-datefield or npm install react-native-datefield

react-native-quiz-input Basic Demo Description react-native-quiz-input is a React-Native package that allows the creation of individual character text

Installation Add the dependency: React Native npm i @freakycoder/react-native-text-area Peer Dependencies IMPORTANT! You need install them Zero Depend

react-search-input Simple React component for a search input, providing a filter function. Demo Install npm install react-search-input --save Example

React AutoForm An AutoForm React component, which simplifies getting data from its contained form inputs via their onChange events and the form's

Currency Input CurrencyInput / Creates an input that gets masked as currency, in React. Note: Dollar sign and styling not included i.e., Entering a

react-input-range InputRange is a React component allowing users to input numeric values within a specific range. It can accept a single value, or a r

react-decinc React decrement/increment input component Demo: vovanr.github.io/react-decinc Install npm install --save react-decinc Usage See: example

material-ui-chip-input This project provides a chip input field for Material-UI. It is inspired by Angular Material's chip input. If you want to try t

React Numeric Input Number input component that can replace the native number input which is not yet very well supported and where it is, it does not

Reactjs Component for International Telephone Input IMP: From 5.*, the withStyles file will not be bundled in dist. If you want to use the css, you ca

React-fileupload-progress React component of Input file and progress bar. This component watch xhr uploading process, and trigger some events. Install

A fast & lightweight react component as a drop in replacement for HTML5 input range slider element. Installation Using npm (use --save to include it i

React Native Floating Label Text Input What is this? This component will render an iOS styled text field with floating label animation. When there is

React Autosize Textarea A light replacement for built-in textarea / component which automatically adjusts its height to match the content. NB: It do

inputmask-core A standalone input mask implementation, which is independent of any GUI. InputMask encapsulates editing operations on a string which mu

react-categorized-tag-input React.js component for making tag autocompletion inputs with categorized results with no dependencies and 10KB minified. N

Draft.js Single Line plugin This is a plugin for the draft-js-plugins-editor, a plugin system that sits on top of Draft.js. This plugin adds support r

React Markdown Built using slate-js Usage Install npm package: npm install -E @opuscapita/react-markdown Import it to your application import Markdown

React Input Pin Code An accessible and simple pin input component built with styled-components for ReactJS. Demo Here to see documentation and example

rc-input-number Input number control.

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

Rewrite International Telephone Input in React.js. (Looking for maintainers, and PRs & contributors are also welcomed!)

react-numeral-input It is a very tiny component which is a replacement of HTML input element for post-editing format of number values. ex. 1000000 -

RIFM - React Input Format & Mask Is a tiny (≈ 800b) component (and hook) to transform any input component into formatted or masked input. Demo Highlig

About React.js component for entering a period of stay in a hotel: check-in day and check-out day. See the demo. In case when the native input type=d

React Auto Kana Japanese React Kana Input Component Demo Live Demo Installation npm install -S react-auto-kana Usage Example var React = require("rea

React higher order component for adding onEnterKeyDown to input components

react-editmask An edit mask for React based on regular expression syntax with cursor handling. Installation react-editmask requires React 0.14 or late

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 Tag Input A simple (but fully customizable) react tag input component built using styled components. Demo Installation Usage API Demo Interactiv

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.

otp-input-react A fully customizable, one-time password input with resend OTP component for the web built with React functional component. Working Dem

react-input-checkbox Checkbox is React component for boolean values. Tiny: 957 bytes minified and gzipped (by Size Limit); Easy customize: themes and

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 Headless Phone Input A headless phone number input component built for usability. Phone numbers are hard. Users expect to be able to enter phone

react-individual-character-input-boxes React Individual Character Input Boxes (RICIBs) are individual inputs that are separate from each other but fun

React Currency Input Field Component