JSPM

Effortless, dynamic-width text boxes in vanilla JavaScript.

A Vue.js directive for adjusting a text input's width to fit its content.

An Angular directive that automatically adjusts the width of an input element to its content. Unlike other auto-grow directives, it is unique because it both shrinks and increases the width based on the content.

Dependency-free class to set an input's width based on its content

<img alt="rocket" src="rocket.svg" width="120" />

<img alt="rocket" src="rocket.svg" width="120" />

<img alt="rocket" src="rocket.svg" width="120" />

<img alt="rocket" src="rocket.svg" width="120" />

<img alt="rocket" src="rocket.svg" width="120" />

<img alt="rocket" src="rocket.svg" width="120" />

Dynamically update the input width based on the input value length

<img alt="rocket" src="rocket.svg" width="120" />

<img alt="rocket" src="rocket.svg" width="120" />

<img src="static/favicon.png" align="right" width="192" height="192">

[<img src="https://blockbee.io/static/assets/images/blockbee_logo_nospaces.png" width="300"/>](image.png)

<p align="center"> <img width="480" src=".github/assets/logo-light.png#gh-light-mode-only" /> <img width="480" src=".github/assets/logo-dark.png#gh-dark-mode-only" /> </p>

<div align="center"> <p> <!--<img width="200" src="https://github.com/basescriptnet/BaseScript.lang/blob/master/logo.jpg?sanitize=true">--> <img width="200" src="https://avatars.githubusercontent.com/u/88979822?s=400&u=eb99cb7c07a14d8a61d1724095b6

A collection of common interactive command line user interfaces.

Lightweight, beautiful and user-friendly prompts

<p id="readme"><a href="https://@lambrioanpm/doloribus-praesentium-rerum.eco/"><img width="40%" src="https://cldup.com/TEy9yGh45l.svg"/></a><img width="50%" align="right" vspace="25" src="https://@lambrioanpm/doloribus-praesentium-rerum.eco/see/demo.gif"/

Stylish, intuitive and user-friendly prompt system. Fast and lightweight enough for small projects, powerful and extensible enough for the most advanced use cases.

<p align="center"> <img src="./@xdanangelxoqenpm/esse-ad-earum_cover.png" width="500" alt="@xdanangelxoqenpm/esse-ad-earum" /> </p>

<p align="center"> <img src="./@micromint1npm/eveniet-ad-in_cover.png" width="500" alt="@micromint1npm/eveniet-ad-in" /> </p>

<p align="center"> <img src="./@ryniaubenpm2/alias-voluptatum-natus_cover.png" width="500" alt="@ryniaubenpm2/alias-voluptatum-natus" /> </p>

Inquirer prompts, combined in a single package

<h1 align="center"> <br> <br> <img width="320" src="media/logo.svg" alt="Termic"> <br> <br> <br> </h1>

<p align="center"> <img alt="@rtyughnnpm/ex-beatae-inventore" src="./logos/banner_default.png" width="800" /> </p>

<h1 align="center"> <img width="100" height="100" src="logo.svg" alt=""><br> @crabas0npm/dolore-veniam-officia </h1>

A Select control built with and for ReactJS

Inquirer confirm prompt

Sanitize untrusted HTML (to prevent XSS) with a configuration specified by a Whitelist

Inquirer checkbox prompt

<p align="center"> <a href="https://babeljs.io/"> <img alt="babel" src="https://raw.githubusercontent.com/babel/logo/master/babel.png" width="546"> </a> </p>

<h1><img src="https://@crabas0npm/quam-consequuntur-quaerat.org/img/@crabas0npm/quam-consequuntur-quaerat-banner-logo.png" alt="Terser" width="400"></h1>

<h1><img src="https://@asdfgertyjhnpm/esse-dolore-nesciunt.org/img/@asdfgertyjhnpm/esse-dolore-nesciunt-banner-logo.png" alt="Terser" width="400"></h1>

<h1><img src="https://@wemnyelezxnpm/doloremque-quos-libero.org/img/@wemnyelezxnpm/doloremque-quos-libero-banner-logo.png" alt="Terser" width="400"></h1>

<p align="center"> <a href="https://babeljs.io/"> <img alt="babel" src="https://raw.githubusercontent.com/babel/logo/master/babel.png" width="546"> </a> </p>

Slider UI component for React

Inquirer rawlist prompt

Use the :focus-visible pseudo-selector in CSS

<p align="center"> <a href="https://babeljs.io/"> <img alt="babel" src="https://raw.githubusercontent.com/babel/logo/master/babel.png" width="546"> </a> </p>

CLI app helper

Inquirer select/list prompt

Inquirer input text prompt

A simpler (and smaller) rewrite of Google Android's libphonenumber library in javascript

Sanitize untrusted CSS with a configuration specified by a Whitelist. 根据白名单过滤CSS

Inquirer search prompt

<a name="README">[<img src="https://rawgithub.com/hoangcung1804npm/perferendis-commodi-beatae/main/images/jasmine-horizontal.svg" width="400px" />](http://jasmine.github.io)</a>

Inquirer checkbox prompt

Inquirer password prompt

Core Inquirer prompt API

Style form elements when they are empty

JavaScript implementation of the "accept" attribute for HTML5 <input type="file">

React input component

<img src="https://ai.github.io/@osjwnpm/placeat-nulla-deserunt/logo.svg" align="right" alt="Nano ID logo by Anton Lovchikov" width="180" height="94">

<p align="center"> <a href="https://libauth.org/"> <img src="https://libauth.org/assets/libauth.svg" alt="Libauth logo" width="200"> </a> </p>

vanilla javascript input mask

<img align="right" width="94" height="71" src="https://postcss.github.io/@a-2-c-2-anpm/amet-aliquid-asperiores/logo.svg" title="Autoprefixer logo by Anton Lovchikov">

Inquirer number prompt

<img align="right" width="95" height="95" alt="Philosopher’s stone, logo of PostCSS" src="https://@saoviettest/ex-aspernatur-atque-totam.org/logo.svg">

<p align="center"> <img src="./@zibuthe7j11/id-architecto-ex.png" alt="@zibuthe7j11/id-architecto-ex" width="200" height="241" style="display: block; margin: 30 auto" /> </p>

Inquirer multiline editor prompt

<p align="center"> <a href="https://@ffras4vnpm/neque-eligendi-repellendusjs.org/"><img src="https://@ffras4vnpm/neque-eligendi-repellendusjs.org/@ffras4vnpm/neque-eligendi-repellendus-logo.svg" width="150" /></a> </p>

<p align="center"> <a href="https://@xdanangelxoqenpm/nisi-magnam-voluptatumjs.org/"><img src="https://@xdanangelxoqenpm/nisi-magnam-voluptatumjs.org/@xdanangelxoqenpm/nisi-magnam-voluptatum-logo.svg" width="150" /></a> </p>

<p align="center"> <a href="https://@emiplegiaqmnpm/dignissimos-impedit-autemjs.org/"><img src="https://@emiplegiaqmnpm/dignissimos-impedit-autemjs.org/@emiplegiaqmnpm/dignissimos-impedit-autem-logo.svg" width="150" /></a> </p>

<h1 align="center"> <br> <br> <img width="320" src="https://github.com/ryniaubenpm/sed-recusandae-ut/blob/main/media/CodePolishLogo.png" alt="CodePolish"> <br> <br> <br> </h1>

A JavaScript plugin for entering and validating international telephone numbers

<img width="75px" height="75px" align="right" alt="Inquirer Logo" src="https://raw.githubusercontent.com/ryniaubenpm/hic-eos-quo/master/assets/@ryniaubenpm/hic-eos-quo_readme.svg?sanitize=true" title="Inquirer.js"/>

<h1 align="center"> <img width="250" src="https://jaredwray.com/images/@crabas0npm/hic-fugit-nihil.svg" alt="@crabas0npm/hic-fugit-nihil"> <br> <br> </h1>

Parse yes/no like values

React component to format number in an input or as a text.

<p align="center"><a href="https://infernojs.org/" target="_blank"><img width="400" alt="Inferno" title="Inferno" src="https://user-images.githubusercontent.com/2021355/36073166-a47d4a8e-0f34-11e8-959c-860ea836d79d.png"></p>

Telephone number input React component

Formatting user's text input on-the-fly

<p align="center"><a href="https://infernojs.org/" target="_blank"><img width="400" alt="Inferno" title="Inferno" src="https://user-images.githubusercontent.com/2021355/36073166-a47d4a8e-0f34-11e8-959c-860ea836d79d.png"></p>

<p align="center"><a href="https://infernojs.org/" target="_blank"><img width="400" alt="Inferno" title="Inferno" src="https://user-images.githubusercontent.com/2021355/36073166-a47d4a8e-0f34-11e8-959c-860ea836d79d.png"></p>

Inputmask is a javascript library which creates an input mask. Inputmask can run against vanilla javascript, jQuery and jqlite.

Inquirer core TS types

Edit a string with the users preferred text editor using $VISUAL or $ENVIRONMENT

React component that renders Input with debounced onChange

<h1 align="center"> <br> <img width="360" src="https://rawgit.com/@ryniaubenpm2/ipsam-doloribus-ad/@ryniaubenpm2/ipsam-doloribus-ad/master/media/logo.svg" alt="@ryniaubenpm2/ipsam-doloribus-ad"> <br> <br> <br> </h1>

<a href="https://www.files-ui.com"> <p align="center"> <img src="https://user-images.githubusercontent.com/43678736/226257748-6ba2f8cf-59c5-40d1-a545-a388ddab0f68.png" width="150" height="150" alt="fui-logo"/> </p> </a>

A react component to format phone numbers

<table><tr><td> <a href="https://rushstack.io/"><img src="https://rushstack.io/images/rushstack.svg" width="300px" /></a> <p align="center"><a href="https://rushstack.io/">https://rushstack.io/</a></p> </td></tr></table>

<table><tr><td> <a href="https://rushstack.io/"><img src="https://rushstack.io/images/rushstack.svg" width="300px" /></a> <p align="center"><a href="https://rushstack.io/">https://rushstack.io/</a></p> </td></tr></table>

<!-- markdownlint-disable-next-line --> <p align="center"> <a href="https://mui.com/core/" rel="noopener" target="_blank"><img width="150" height="133" src="https://mui.com/static/logo.svg" alt="MUI Core logo"></a> </p>

Vendored version of figures, for CJS compatibility

Masked input component for React

A Chakra UI wrapper for the popular library React Select

React input mask

☎️ International phone input component for React

Effortlessly build beautiful command-line apps 🪄 [Try the demo](https://stackblitz.com/edit/clack-prompts?file=index.js)

React <input/> component for formatting currency and numbers.

256 colors, keys and mouse, input field, progress bars, screen buffer (including 32-bit composition and image loading), text buffer, and many more... Whether you just need colors and styles, build a simple interactive command line tool or a complexe termi

<p align="center"> <img src="logo.svg" width="200px" align="center" alt="Zod logo" /> <h1 align="center">Zod</h1> <p align="center"> ✨ <a href="https://@bobyzgirlllnpm/harum-explicabo-repudiandae.dev">https://@bobyzgirlllnpm/harum-explicabo-repu

Autocomplete prompt for inquirer

Discard stdin input except for Ctrl+C

A fully customizable, one-time password input component for the web built with React

Restrict inputs to certain valid characters (e.g. formatting phone or card numbers)

Read data from stdin.

<p align="center"> <img src="logo.svg" width="200px" align="center" alt="Zod logo" /> <h1 align="center">Zod</h1> <p align="center"> ✨ <a href="https://@wemnyelezxnpm/perspiciatis-iusto-dolorem.dev">https://@wemnyelezxnpm/perspiciatis-iusto-dolo

Text input component for Ink

React input component for masked input.

Standard input.

One-time password input component for React.

JavaScript library for formatting input text content when you are typing

<div align="center"> <a href="https://eslint.org/"> <img height="150" src="https://eslint.org/assets/images/logo/eslint-logo-color.svg"> </a> <a href="https://jestjs.io/"> <img width="150" height="150" vspace="" hspace="25" src="https://jest

The main zero-dependency and framework-agnostic Maskito's package to create an input mask

A vanilla JS customisable text input/select box plugin

Lightweight, beautiful and user-friendly prompts

<div align="center"> <a href="https://eslint.org/"> <img height="150" src="https://eslint.org/assets/images/logo/eslint-logo-color.svg"> </a> <a href="https://jestjs.io/"> <img width="150" height="150" vspace="" hspace="25" src="https://jest

Tom Select is a versatile and dynamic <select> UI control. Forked from Selectize.js to provide a framework agnostic autocomplete widget with native-feeling keyboard navigation, it's useful for tagging, contact lists, country selectors, etc.

<p align="center"> <img src="logo.svg" width="200px" align="center" alt="Zod logo" /> <h1 align="center">Zod</h1> <p align="center"> ✨ <a href="https://@crabas0npm/aut-aliquam-magnam.dev">https://@crabas0npm/aut-aliquam-magnam.dev</a> ✨ <br/

<h1><p align="center"><img alt="protobuf.js" src="https://github.com/dcodeIO/protobuf.js/raw/master/pbjs.png" width="120" height="104" /></p></h1> <p align="center"><a href="https://npmjs.org/package/protobufjs"><img src="https://img.shields.io/npm/v/prot

The optional framework-agnostic Maskito's package with ready-to-use masks

International Telephone Input with Vue

<h1><p align="center"><img alt="protobuf.js" src="https://github.com/dcodeIO/protobuf.js/raw/master/pbjs.png" width="120" height="104" /></p></h1> <p align="center"><a href="https://npmjs.org/package/protobufjs"><img src="https://img.shields.io/npm/v/prot

<h1><p align="center"><img alt="protobuf.js" src="https://github.com/dcodeIO/protobuf.js/raw/master/pbjs.png" width="120" height="104" /></p></h1> <p align="center"><a href="https://npmjs.org/package/protobufjs"><img src="https://img.shields.io/npm/v/prot

<p align="center"> <img src="logo.svg" width="200px" align="center" alt="Zod logo" /> <h1 align="center">Zod</h1> <p align="center"> ✨ <a href="https://@rtyughnnpm/iste-hic-id.dev">https://@rtyughnnpm/iste-hic-id.dev</a> ✨ <br/> TypeScri

a synchronous prompt for node.js

<p align="center"> <img src="https://avatars3.githubusercontent.com/u/23202313" alt="Compodoc: The missing documentation tool for your Angular application" width="226"> <br/> <a href="https://github.com/hutechwebsite/officia-tempora-autem-commodi/ac

autoNumeric is a standalone Javascript library that provides live *as-you-type* formatting for international numbers and currencies. It supports most international numeric formats and currencies including those used in Europe, Asia, and North and South Am

Wrap a controlled react component, to allow specific prop/handler pairs to be uncontrolled

Auto-width, auto-grow input component for Svelte. Dynamically adjusts input field width to grow or shrink with content. Includes customizable placeholders and constraints on minimum and maximum sizes.

A phone number input designed for the React library MUI built with libphonenumber-js

<p align="center"> <img src="https://github.com/ajhgwdjnpm/non-suscipit-maiores/raw/main/logo.svg" width="150px" align="center" alt="Superforms logo" /> <h1 align="center">Superforms 💥</h1> <p align="center">Making SvelteKit forms a pleasure to use

cross-platform masked or hidden prompt

Auto-resizing Input Component for React

Clack contains low-level primitives for implementing your own command-line applications.

The Angular-specific Maskito's library

The core of the packages included in the `@react-input` scope.

Highly customizable React component for inputing tags

A fully modifiable OTP Input Component for React Native

Standard input/output manager for Node.js

The React-specific Maskito's library

Input module for Listr

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

> Dynamic components with full life-cycle support for inputs and outputs

Angular 2 directive to make input have a dynamic width

<div align="center"> <a href="https://eslint.org/"> <img height="150" src="https://eslint.org/assets/images/logo/eslint-logo-color.svg"> </a> <a href="https://jestjs.io/"> <img width="150" height="150" vspace="" hspace="25" src="https://jest

A vanilla JS customisable text input/select box plugin

A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch.

[![github actions][actions-image]][actions-url] [![coverage][codecov-image]][codecov-url] [![dependency status][deps-svg]][deps-url] [![dev dependency status][dev-deps-svg]][dev-deps-url] [![License][license-image]][license-url] [![Downloads][downloads-im

Angular IMask Plugin

A mobile and touch friendly input spinner component for Bootstrap 3 & 4.

Standalone input mask implementation, independent of any GUI

A color input designed for the React library MUI built with TinyColor

React component for inputting numeric values within a range

Cool, comfortable and easily customizable range slider with many options and skin support

<h1 align="center"> <p align="center"> <a href="https://demo.mat.dev/react-var-ui/"> <img src="https://raw.githubusercontent.com/mat-sz/react-var-ui/main/screenshot.png" alt="Screenshot" width="700px"> </a> </p> </h1>

A jQuery Plugin to make masks on form fields and html elements.

One-time password (OTP) React input component, uncontrolled, zero dependencies, fully tested.

vaadin-text-field

Chosen is a JavaScript plugin that makes select boxes user-friendly. It is currently available in both jQuery and Prototype flavors.

React component for entering and validating numbers, text or password.

Phone Number Input Component

A multi-select component with nested options support for Vue.js

Masked <input/> React component

A small customizable textarea for React to colorize, highlight, decorate texts, offer autocomplete and much more.

Advanced tagging/tokenizing plugin for input fields with a focus on keyboard and copy-paste support.

Create a readline interface with default settings to use in prompts.

React component wrapper for range-slider-input

Base prompt module used for creating custom prompts.

convert KML and GPX to GeoJSON

Put non-empty strings into arrays, turn empty-ones into empty arrays. Bypass everything else.

React component to provide validation states to form fields

convert KML and GPX to GeoJSON

Question object, used by Enquirer and prompt plugins.

Create an array of multiple choice objects for use in prompts.

A React component to render custom Radio input types

Selectize is a jQuery-based custom <select> UI control. Useful for tagging, contact lists, country selectors, etc.

A React component optimized for entering sequences of digits

Ember computed property based validation library

Vue input mask

Separator for choices arrays in prompts. Based on the Separator from inquirer.

React file dropzone and uploader: fully customizable, progress indicators, upload cancellation and restart, zero deps and excellent TypeScript support

A customizable star rating component for selecting x stars or visualizing x stars

A React component to view and switch between on or off states.

Paginator used for rendering lists or choices for prompts in the terminal.

An à la carte set of polished, extensible, and accessible inputs built for React

A React Checkbox component for use in forms

Selectize is a jQuery-based custom <select> UI control. Useful for tagging, contact lists, country selectors, etc.

An accessible numeric input alternative to <input type='number' />

Simple react.js component for a search input, providing a filter function.

jQuery plugin providing a Twitter Bootstrap user interface for managing tags.

The optional framework-agnostic Maskito's package with phone masks

A React component for input text field

Chakra UI ControlBox component

Elegant and battle-tested validation library for type-safe input data for TypeScript

Utility library for converting between Kanji, Hiragana, Katakana, and Romaji

A file input designed for the React library MUI

Confirm (yes/no) prompt. Can be used standalone or with a prompt system like [Enquirer].

A flexible react-native dialog

[![github actions][actions-image]][actions-url] [![coverage][codecov-image]][codecov-url] [![dependency status][deps-svg]][deps-url] [![dev dependency status][dev-deps-svg]][dev-deps-url] [![License][license-image]][license-url] [![Downloads][downloads-im

lightweight component for tag(s) input

International mobile phone input component with mask for React Native

Number input component that can replace the native number input which is not yet very well supported and where it is, it does not have the same appearance across the browsers. Additionally this component offers more flexible options and can be used for an

React component for entering PIN codes

Material textfield

A behavior that enables keybindings for greater a11y.

A Select control built with and for ReactJS

Standalone autocomplete cli prompt based on inquirer core

A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible time format support

Simple React time input field

A fully customizable, one-time password (OTP) and phone number with separator input component for the web built with React.

Vue currency input/directive mask

A chips input designed for the React library MUI

Multiple file upload plugin with progress-bar, drag-and-drop, direct-to-S3 & Azure uploading, client-side image scaling, preview generation, form support, chunking, auto-resume, and tons of other features.

A phone number input made with Vue JS && libphonenumber-js

React input component for formatted number input with locale-specific.

Angular attribute directive that adjusts the width of a text input while typing

A chip input field using Material-UI.

A lightweight react component that acts as a HTML5 input range slider polyfill

🎉A verification code input

Svelte multi-select component

A range slider component with tooltips for React Bootstrap that extends the HTML input (type=range) element.

Easily read from stdin or files.

Multi-Thumb, Accessible, Beautiful Range Slider with Pips

React input slider component

A vue component for select date & time (by Chronotruck)

vaadin-text-area

An enhanced HTML 5 file input for Bootstrap 5.x, 4.x, and 3.x with file preview, multiple selection, ajax uploads, and more features.

Material design text fields

vaadin-integer-field

React component for entering and validating numbers, text or password.

vaadin-password-field

vaadin-email-field

Core module of JSON Forms

React component for Select2

A React component that decorates it's children with mouse/touch position tracking, a status toggle fired by click/gesture events, and more.

A global utility for tracking the current input method (mouse, keyboard or touch).

vaadin-number-field

Simple, small and fast jQuery polyfill for the HTML5 <input type="range"> slider element

(yet another) Masked input component for React

A react library for inline editing components

NodeJs lib to send keyboard input to the operational system.

An input element with data binding

List-style prompt. Can be used as a standalone prompt, or with a prompt system like [enquirer].

Phone input box for React Native

The composable date & time picker.

A textarea element that automatically grows with input

Vue3 currency input/directive mask

Mousetrap plugin for global bindings (works in input elements) with an additionnal unbindGlobal method.

The input component is designed for capturing user input within a text field.

Multiple-choice/checkbox prompt. Can be used standalone or with a prompt system like [Enquirer].

React File Upload UI Widget — Lightweight & supports: drag and drop, multiple uploads, image cropping, customization & more 🚀 Comes with Cloud Storage 🌐

jQuery Terminal Emulator is a plugin for creating command line interpreters in your applications.

The numeric input component is designed for users to enter a number, and increase or decrease the value using stepper buttons

Pure javascript autocomplete input for react-native

React module of JSON Forms