88 Repositories
JavaScript input Libraries
Automatic chart generator from user input using CharGPT.
Chart GPT A platorm for generate chart with ChatGPT π οΈ ChatGPT Generator is under development. Features Light/dark mode toggle Live previews Fullscre
A Masked Input Component based on Ant Design.
antd-input-mask A Masked Input Component based on Ant Design. Usage Example Contributing How to run PR template Issue template Developed by bem-te-vi
A pure CSS toggle switch for form input checkboxes
Toggle Switchy A pure CSS toggle switch for form input checkboxes Preview Installation CSS link rel="stylesheet" href="toggle-switchy.css" HTML lab
Bootstrap 5 spinner/loading/pending indicator for input, textarea and select
@tkrotoff/bootstrap-input-spinner Bootstrap 5 spinner/loading/pending indicator for input, textarea and select Example: https://codesandbox.io/s
An easy-to-use jQuery plugin that allows the user to pick an icon from a responsive icon browser and shows the corresponding icon class in an input element.
Font Awesome Browser An easy-to-use jQuery plugin that allows the user to pick an icon from a responsive icon browser and shows the corresponding icon
A JavaScript plugin for entering and validating international telephone numbers
International Telephone Input A JavaScript plugin for entering and validating international telephone numbers. It adds a flag dropdown to any input, d
A phone input component that uses intl-tel-input for Laravel Filament
Filament Phone Input This package provides a phone input component for Laravel Filament. It uses International Telephone Input to provide a dropdown o
π A chips input designed for MUI (Material ui) V5
MUI chips input A chips input designed for the React library MUI Installation // with npm npm install mui-chips-input // with yarn yarn add mui-chips
CodePlay is a Web App that helps the user to input HTML,CSS and JS code in the Code editors and display the resultant web page in real-time
CodePlay A codepen clone Setup Clone repository Create and go to the directory where you want to place the repository cd my-directory Clone the proj
Beautiful UI-Range input component, highly customisable, based on CSS variables.
Beautiful UI-Range input component, highly customisable, based on CSS variables. including a floating output value, min & max values on the sides & ticks according to the steps
A simple easy to use vanilla JavaScript library for creating input fields that accept multiple email addresses
MeiMei - Multiple Email Input MeiMei: A simple easy to use vanilla JavaScript library for creating input fields that accept multiple email addresses.
jquery-input-mask-phone-number.js - A simple, easy jquery format phone number mask library
jquery-input-mask-phone-number A jQuery Plugin to make masks on input field to US phone format. Quick start 1. Add latest jQuery and jquery-input-mask
A Jquery plugin that allows user to enter multiple emails using one input field
multi-emails A Jquery plugin that allows user to enter multiple emails using one input field Usage $("...").multiEmails() Options color textColor font
Swaps active audio input device in OBS upon twitch chat channel point redemption.
OBS-Mic-Swapper Shortcuts Set up Program Description Example of Functionality FAQ Contact Info Set up Create an account on Twitch for your bot Make su
This is a dependency-free easy-to-use vanilla JavaScript addon allowing you to create HTML currency inputs with various different currencies and formattings.
intl-currency-input This is a dependency-free easy-to-use vanilla JavaScript addon allowing you to create HTML currency inputs with various different
Simple material-style text inputs
Material-style inputs for Bootstrap 4 View Codepen: ralphvk/pen/LXpomR Add material-style inputs to your project. Include Bootstrap and jQuery First,
vanilla javascript input mask
imaskjs vanilla javascript input mask Features get and set raw and unmasked values easily no external dependencies supports overwrite mode supports we
Tool Cool 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 a vertical slider, touch, mousewheel and keyboard support, local and session storage, and RTL support.
UI slider control that magnifies the current value
jquery-rsSliderLens Renders a powerfull input range control. With minor differences, all browsers render an input type="range" / pretty much the sam
A Pure JavaScript Solution to create Tags Input Element.
JavaScript Tags Input Library Native JavaScript library to make Tags Input Element in DOM. There isn't any dependency for this library, add it straigh
π lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue
Tagify - tags input component Transforms an input field or a textarea into a Tags component, in an easy, customizable way, with great performance and
πΌ Simple file-upload utility that shows a preview of the uploaded image. Written in TypeScript. No dependencies. Works well with or without a framework.
file-upload-with-preview πΌ Simple file-upload utility that shows a preview of the uploaded image. Written in TypeScript. No dependencies. Works well
Turn an HTML input box to a duration picker, without jQuery
html-duration-picker.js html-duration-picker.js is a very tiny JS library used for transforming a native HTML text input into a duration picker. The a
This is a JQuery plugin for input tags with auto complete suggestion.
Jquery Suggestags This is a JQuery plugin for input tags with auto complete suggestion. $('input').amsifySuggestags(); npm installation npm i suggesta
An enhanced HTML 5 file input for Bootstrap 5.x/4.x./3.x with file preview, multiple selection, and more features.
bootstrap-fileinput An enhanced HTML 5 file input for Bootstrap 5.x, 4.x, and 3.x with file preview for various files, offers multiple selection, resu
Simple tag input for Bootstrap
Tagin Simple tag input for Bootstrap. Supports bootstrap v4 and v5. Demo: https://tagin.netlify.app/ Features Custom separators Enable/disable duplica
Discard stdin input except for Ctrl+C
stdin-discarder Discard stdin input except for Ctrl+C This can be useful to prevent stdin input from interfering with stdout output. For example, you
A base project for Express with Typescript to create an API. Includes automatic input validation and Swagger UI generation.
(Typescript) Express API with input Validation and Swagger UI Thats a mouthful isn't it. Typescript: The language used, a superset of Javascript with
Node.js CLI tool to generate a set of favicons from a single input file.
This is a simple CLI tool to generate an optimized set of favicons from a single input file. Icons are optimized in terms of both size and quantity (n
A Bootstrap plugin to create input spinner elements for number input
bootstrap-input-spinner A Bootstrap / jQuery plugin to create input spinner elements for number input. Demo page with examples Examples with floating-
Select plugin alternative to Select2 Vanilla JS
NPM package link https://www.npmjs.com/package/selectra Selectra Vanilla JS Select2 replacement, no jQuery components just pure JS. A custom select in
β· A robust Javascript library for capturing keyboard input. It has no dependencies.
Hotkeys HotKeys.js is an input capture library with some very special features, it is easy to pick up and use, has a reasonable footprint (~3kb) (gzip
A To-Do-List app that input's a task by user and saves itself in the localStorage with a unique ID and when the task it checked as complete, user can click on clear all task to remove the task form the UI and localStorage. Built using JavaScript ES6
To Do List App It's an app in which user will be able to add tasks into the list and when completed the user can check it as complete!. Built With HTM
Label your form input like a boss with beautiful animation and without taking up space
#Label Better by Pete R. Label your form input like a boss with beautiful animation and without taking up space Created by Pete R., Founder of BucketL
Format input text content when you are typing...
Cleave.js Cleave.js has a simple purpose: to help you format input text content automatically. Features Credit card number formatting Phone number for
Selectize is the hybrid of a textbox and select box
Selectize is the hybrid of a textbox and select box. It's jQuery based, and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
A plugin for Obsidian that can create input fields inside your notes and bind them to metadata fields.
Obsidian Meta Bind Plugin This plugin can create input fields inside your notes and bind them to metadata fields. New docs I am currently working on n
A lightweight (~2kB) library to create range sliders that can capture a value or a range of values with one or two drag handles
range-slider-input A lightweight (~2kB) library to create range sliders that can capture a value or a range of values with one or two drag handles. Ex
To-Do list a web app for tracking personal progress through the day. Users can input a list of tasks and mark them as completed once they are done. Built with JavaScript and Webpack
To-do-List-Project To Do List Project Description. This project creates a simple HTML list of To Do tasks. It was built using webpack and served by a
A fast, vanilla JS customisable select box/text input plugin for modern browsers β‘
choices A fast, vanilla, lightweight (~16kb gzipped π ), configurable select plugin for modern browsers. Similar to Select2 and Selectize but without
This project entails a To-do-List whereby a user can input the tasks they want to do, check the tasks done and also clear all tasks when all of them are completed. It is efficient for a user who want to manage their time and keep track of their day.
Screenshot Here is a screenshot for the project. To-Do-List Project This is a Microverse project that entails a to-do-list which one is able to add an
GNC Coders - Punk API Project
GNC Coders - Punk API Project This project developed using Punk API. Project live on Team Members Name Cansu YarkΔ±n Gamze GΓΌrcan Nejla Εahin Kanban bo
Generate deterministic fake values: The same input will always generate the same fake-output.
import { copycat } from '@snaplet/copycat' copycat.email('foo') // = '[email protected]' copycat.email('bar') // = 'Thurman.Schowalter668@
A robust form library for Lit that enriches input components with easy-to-use data validation features.
EliteForms A robust form library for Lit that enriches input components with easy-to-use data validation features. Installation npm install elite-form
Enable browser autofill for any input field.
Autofill It Enable browser autofill for any input field. Get it on Chrome Web Store! A Google Chrome extension that sets autocomplete attributes of an
Facile is an HTML form validator that is inspired by Laravel's validation style and is designed for simplicity of use.
Facile is an HTML form validator that is inspired by Laravel's validation style and is designed for simplicity of use.
π Text Input Component for validating and formatting international phone numbers.
React Native Intl Phone Field Try the Expo Snack π πΉοΈ Demo It's a javascript-only (no native code) component that can run in iOS, Android, Expo & Re
Master your input data like a pro!
β Master your input data like a pro! β βοΈ Node.js & browser βοΈ Only 1kb! βοΈ Fully typed βοΈ No dependencies Simple helper library which allows you to e
jQuery tags input plugin based on Twitter Bootstrap.
Bootstrap Tags Input Bootstrap Tags Input is a jQuery plugin providing a Twitter Bootstrap user interface for managing tags. Current stable version: v
A multi-tag input for sanity studio.
sanity-plugin-tags A multi-tag input for sanity studio. Fully featured with autocomplete capabilities, live updates, predefined tag options, style and
A small npm package that generates pretty identicons from string input.
HashprintJS HashprintJS is a small npm package written in TypeScript that generates customizable identicons. Provide a username, wallet address, IP ad
A collection of some additional input types to use with FormKit
A collection of some additional input types to use with FormKit. Most of these additional input types are based on my personal needs, but feel free to submit PRs to add more.
State based input library for the browser
Inp State based input library for the browser
Input with floating label make with tailwindcss 3.0.18
tailwind-floating-label-input Input with floating label make with tailwindcss 3.0.18 Works with input and textarea elements. How to use Input
π Highly customisable, minimalistic input x select field for React.
Insect π Highly customisable, minimalistic input x select field for React. β‘οΈ Features Tiny size (~4kb Gzip) 100% responsive. Highly customisable. Su
Select creates a dropdown list of items with the selected item in closed view.
Native Base Select π½ This module includes a customizable multi-select and a single select component for Native Base. The package is both Android and
Super tiny color input ranges for React.
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
Input a list of Handshake top-level domains, outputs names sorted into 4 arrays: available, registered, reserved, or invalid.
name-check A simple NodeJS package that, given a flat list of top-level domain names, queries the Handshake (HNS) blockchain in order to classify each
Phonemask - Library for processing the phone input field in the web form. Only native javascript is used
phonemask Library for processing the phone input field in the web form. Only native javascript is used Usage: Adding a library to HTML script type="a
Vue-input-validator - π‘οΈ Highly extensible & customizable input validator for Vue 2
π‘οΈ Vue-input-validator demo! What is this package all about? By using this package, you can create input validators only with the help of a single di
Tag-input - A versetile tag input component built with Vue 3 Composition API
TagInput A versetile tag input component built with Vue 3 Composition API. Please read this article to learn how to build this package step by step an
Free, open-source client or server-side APIs to "lint" user input.
passbird Free, open-source client or server-side APIs to lint user input. Right now, you can check type for an email address i.e., either of disposabl
TV Show App is an application that allows to searh tv shows based on user input. Each tv show is displayed in a Bulma Card component and when clicked, heads you to the official tv show site
TV SHOW APP TV Show App is an application that allows to search tv shows based on user input. Each tv show is displayed in a Bulma* Card component and
Return an optimized avatar image from a domain name input.
IndieWeb Avatar API A runtime service to extract avatar images from: link rel="apple-touch-icon" link rel="apple-touch-icon-precomposed" link rel
JAVASCRIPT library recognition of signs input from the smartphone display
Recosigns Demo: https://gaidadei.ru/recosigns/demo/ Documentation: https://gaidadei.ru/recosigns/ Download: https://gaidadei.ru/recosigns/recosigns.zi
Taps provide source agnostic sync access to the input. Either it comes from mouse and/or touch, it is the same API. It assumes multiple instances of taps making your code multi-touch by design. Providing sync access instead of event-based, for best usage in real-time applications.
mr-Taps Taps provide source agnostic sync access to input. Either it comes from mouse and/or touch, it is the same API. It assumes multiple instances
Add stdin support to any CLI app that accepts file input
tmpin Add stdin support to any CLI app that accepts file input It pipes stdin to a temp file and spawns the chosen app with the temp file path as the
Live input Web Audio effects
Live Audio Input effects I whipped this app up to test live audio input, letting the user select a few common tunable effects and see (and hear) the e
Simple styles and effects for enhancing text input interactions.
Text Input Effects Simple styles and effects for enhancing text input interactions. Article on Codrops Demo Integrate or build upon it for free in you
PowerModeInput can make your text input box more compelling
PowerModeInput PowerModeInput can make your text input box more compelling This project can make your input box lively. One day I saw a vscode plugin
[DISCONTINUED] jQuery plugin that makes it easy to validate user input while keeping your HTML markup clean from javascript code.
jQuery Form Validator [DISCONTINUED] Validation framework that let's you configure, rather than code, your validation logic. I started writing this pl
Fast and powerful CSV (delimited text) parser that gracefully handles large files and malformed input
Parse CSV with JavaScript Papa Parse is the fastest in-browser CSV (or delimited text) parser for JavaScript. It is reliable and correct according to
String validation
validator.js A library of string validators and sanitizers. Strings only This library validates and sanitizes strings only. If you're not sure if your
A keyboard input capturing utility in which any key can be a modifier key.
Keypress Version 2.1.5 Keypress is a robust keyboard input capturing Javascript utility focused on input for games. For details and documentation, ple
π a clean and simple notification, input, and selection suite for javascript, with no dependencies
notie notie is a clean and simple notification, input, and selection suite for javascript, with no dependencies Live demo: https://jaredreich.com/noti
π HTML5 input range slider element polyfill
rangeslider.js Simple, small and fast jQuery polyfill for the HTML5 input type="range" slider element. Check out the examples. Touchscreen friendly
noUiSlider is a lightweight JavaScript range slider library with full multi-touch support. It fits wonderfully in responsive designs and has no dependencies.
noUiSlider noUiSlider is a lightweight JavaScript range slider. No dependencies All modern browsers and IE 9 are supported Fully responsive Multi-to
Magically convert a simple text input into a cool tag list with this jQuery plugin.
jQuery Tags Input Plugin Do you use tags to organize content on your site? This plugin will turn your boring tag list into a magical input that turns
Makes typing in input fields fun with CSS3 effects
Fancy Input Makes typing & deleting in input/Textarea fields exciting & fun with CSS3 effects. View Demo Page Basic use example: !-- ...previous page
The mobile-friendly, responsive, and lightweight jQuery date & time input picker.
pickadate The mobile-friendly, responsive, and lightweight jQuery date & time input picker. To get started, check out the: Homepage - Date picker - Ti
Selectize is the hybrid of a textbox and select box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
selectize.js β Selectize is looking for new members on the maintenance team! Selectize is an extensible jQuery-based custom select UI control. It's
Emulate touch input on your desktop
Touch Emulator Emulate multi-touch input on your desktop. Triggers touch events as specified by W3C. Press the shift key to pinch and rotate! Example
A vanilla JS customisable select box/text input plugin β‘οΈ
Choices.js I'm looking for active maintainers for this project as I no longer have the time to support it. Please get in touch if you're interested π
:globe_with_meridians: Turn any input into an address autocomplete
Deprecation of service Places is going away on May 31st 2022. Read our blog post announcement. Introduction Algolia Places provides a fast, distribute
Selectize is the hybrid of a textbox and select box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
selectize.js β Selectize is looking for new members on the maintenance team! Selectize is an extensible jQuery-based custom select UI control. It's
β‘οΈ The easiest way to build forms with Vue.
Documentation Website What is Vue Formulate? Vue Formulate is the easiest way to build forms with Vue. Please read the comprehensive documentation for
Reusable date picker component for React
React DayPicker DayPicker is a reusable date picker component for React. $ npm install react-day-picker@next Beta version β οΈ This branch is for the ne