109 Repositories
JavaScript magic-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
It's an AI Tag (Prompt) generator for magic drawer! We have many tags and support to generate prompts easily!
魔导绪论 AI 魔咒生成器, 使用由 B 站 UP 主 十二今天也很可爱 提供的 4 万个 tag 并提供中文检索,并提供了魔咒社区方便魔法师们直接复制生成。永远免费,永无广告,无商业。 v2 版本更新内容 使用 Netlify 的云函数提供更为快速的社区数据操作!(暂时不知道花费多少) 查看自己的
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
Kittos is NFT Marketplace built with Next Js, Hardhat, Solidity, Arweave + Bundlr Client and All The CSS Magic with TailwindCSS. 😺
Kittos NFT Marketplace 😺 Built with Next Js, Hardhat, Solidity, Arweave, Bundlr and Tailwind CSS. Functionalities New Listed Assets Mint NFT Buy NFT
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
✨⏱️ A light and pause-able stopwatch node module
✨ ⏱️ magic-stopwatch npm install magic-stopwatch - yarn add magic-stopwatch A light and pause-able stopwatch module. Quickstart import { Stopwatch } f
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
Flexible JavaScript library for creating squircley magic ✨
squircley.js squircley.js is the core squirclular magic ✨ from https://squircley.app wrapped up into a simple, 0 dependency JavaScript library. squirc
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
A Bottom Sheet library that can be called imperatively from anywhere!
A Bottom Sheet library that can be called imperatively from anywhere! React Native Magic Sheet ✨ Inspired by react-native-magic-modal This library aim
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
MagicSniffer is a amazing tool could help you decrypt GI traffic by MAGIC of WindSeedClientNotify
MagicSniffer We have posted an article about this on sdl.moe: 原神 2.8 KCP 验证密钥交互流程解析与流量解密 As everyone knows, RSA is the most secure way to encrypt data
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.
CSS3 Animations with special effects
🎩 magic CSS3 Animations with special effects. (→ 3.1 kB gzip) Demo Checkout the demo for the animations here Table of Contents Installation Getting S
The Remix Stack for Web2 apps and Web3 DApps with authentication with Magic, testing, linting, formatting, etc.
Remix French House Stack Learn more about Remix Stacks. npx create-remix --template janhesters/french-house-stack What's in the Stack? The French Hou
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
This a programming training app, aimed to help OMRI's students learng the magic world of programming.
OMRI App (fe-omri-app) This a programming training app, aimed to help OMRI's students learng the magic world of programming. Install the dependencies
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.
Extended magic-string with extra utilities
DEPRECATED. It has been ported back to magic-string = 0.26.0 magic-string-extra Extended Rich-Harris/magic-string with extra utilities. Install npm i
🌐 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
Adds a handy $parent magic property to your Alpine components.
✨ Help support the maintenance of this package by sponsoring me. Alpine $parent Access parent components using a handy $parent magic variable. This pa
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
Querying Solana Blockchain, leveraging Magic Eden Apis!
Solana Bot Deployment Instructions- Create a bot on discord dev portal learn basics here Copy the Bot Token and go to OAuth field for URL generation F
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
Weather-magic - Working with APIs to create a weather dashboard
Weather Magic link to website Following the link above will bring you to the Wea
Server and Browser code are really the same. It's magic.
Service Worker Magic Server (Cloudflare Workers) code is sw.js. Browser ( Service Worker ) code is sw.js. Cloudflare Workers sw.js serves sw.js. Servi
🧞♂️ Your magic WebGL carpet
⚠️ ⚠️ BETA! ⚠️ ⚠️ (Most likely I won't maintain this...) 🧞♂️ Aladino – your magic WebGL carpet Aladino is a tiny (around ~5kb gzipped) and dependenc
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
Some compile-time magic for your Vite project
💛 You can help the author become a full-time open-source maintainer by sponsoring him on GitHub. vite-plugin-compile-time Use this plugin to generate
🛠 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
A CLI utility to calculate/verify accessible magic numbers for a color palette.
A11y Contrast A CLI utility to calculate/verify accessible magic numbers for a color palette. Read my blog post for some more information. Installatio
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
Adding volumetric effects to a built-in Three.js shader.
Magical Marbles in Three.js Adding volumetric effects to a built-in Three.js shader. Article on Codrops Demo Installation Install dependencies: yarn
A vanishing effect for particles and magic lovers using Threejs, GSAP and custom shaders.
Three.js Experiment - Vanishing Suzanne Demo version Get started First, you need nodejs on your computer to build the assets. Install dependencies: np
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
Source code for Chrome/Edge/Firefox/Opera extension Magic CSS (Live editor for CSS, Less & Sass)
Live editor for CSS, Less & Sass (Magic CSS) Extension Live editor for CSS, Less & Sass (Magic CSS) for Google Chrome, Microsoft Edge, Mozilla Firefox
Magic number detection for JavaScript
Magic number detection for javascript. Let Buddy sniff out the unnamed numerical constants in your code. Overview What are magic numbers? Installation
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