198 Repositories
JavaScript Audio-Input-Effects 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
Twitter bot to find what song is playing in a given uploaded twitter video.
what-song-is-this Twitter bot to find what song is playing in a given uploaded twitter video. How to setup. yarn install How to run. via npm script ya
The easiest way to record audio on the web :speaker:
BoothJS (or booth.js) is a zero-dependency, extensible wrapper around the Web Audio API that makes recording audio on the web super easy. Booth fully
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
Fuzz-Free Web Audio Scheduling
Zyklus Zyklus a small (380 Byte) library to get an accurate Web Audio Clock without hassle. Demo Blog Post Installation npm i zyklus --save Usage impo
📌 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
Frontend for a social audio & video app
LɪᴛᴛʟᴇAᴘᴇ littleape is a frontend for the free social audio & video social-media platform greatape. littleape, via greatape, is a Fediverse technology
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
jQuery Plugin for Ticker, News Ticker with Vertical, Horizontal, Marquee and Typewriting effects
AcmeTicker - News Ticker A very lightweight jQuery plugin for creating advanced news ticker. Demo: Gutentor News Ticker Ticker Type Vertical Horizonta
A tiny, minimalistic JS music player
A tiny, minimalistic JS music player. It's around 2 kilobytes and it's super beautiful. Installation From CDN Include with script src="https://unpkg.
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,
Audio visualizer library for javascript. Create dynamic animations that react to an audio file or audio stream.
Wave.js Audio visualizer library for javascript. Installation Install With CDN script src="https://cdn.jsdelivr.net/gh/foobar404/wave.js/dist/bundle.
Motionity is a free and open source animation editor in the web
Motionity The web-based motion graphics editor for everyone 📽 Motionity is a free and open source animation editor in the web. It's a mix of After Ef
A JavaScript library for advanced 2D slideshow with WebGL, that provides variety of beautiful effects
gl-slideshow An advanced 2D slideshow with WebGL, provides a variety of beautiful effects with GLSL power. Shaders are forked from https://gl-transiti
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
Essential Audio Player JS is a simple, clean and minimal JavaScript / HTML5 / CSS web audio player.
Essential Audio Player JS is a simple, clean and minimal JavaScript / HTML5 / CSS web audio player. No unnecessary controls, just a button and a track
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.
Tiny CSS framework with almost no classes and some pure CSS effects
no.css INTERACTIVE DEMO I am tired of adding classes to style my HTML. I just want to include a .css file and I expect it to style the HTML for me. no
This is a simple web based media player for playing video and audio. Build with pure HTML, CSS and Javascript. No framework or library included.
Aim-Player This is a simple web based media player for playing video and audio. Build with pure HTML, CSS and Javascript. No framework or library incl
A lightweight, efficient and easy-to-use Canvas library for building some cool particle effects.
JParticles · 中文 | English 官网:jparticles.js.org 特效列表 粒子运动 波纹运动 波纹进度条 雪花飘落 线条动画 介绍 JParticles(JavaScript Particles 的缩写)是一款基于 Canvas 的不依赖于其他库的轻量级 JavaScr
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
A simple waves effect library
jquery-waves A simple & lightweight waves effect plugin Installation You can install jquery-waves plugin using npm or include directly files install u
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
Resurrection of mediagroup / MediaController (renamed) which can be used to sync and control multiple audio / video elements.
media-group (examples) Resurrection of the mediagroup attribute and MediaController API (but renamed) which can be used to sync and control multiple a
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
Resurrection of mediagroup / MediaController (renamed) which can be used to sync and control multiple audio / video elements.
media-group (examples) Resurrection of the mediagroup attribute and MediaController API (but renamed) which can be used to sync and control multiple a
A graphical web-based audio visualizer which reads music data using Pure JavaScript, and draws a graphical view in Canvas.
Audio Visualizer JS A graphical web-based audio visualizer which reads music data using Pure JavaScript, and draws a graphical view in Canvas. Demo: h
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
🎹 Memorize piano scales with ease! A music practice program w/ MIDI support. Consider it an interactive reference manual
Piano Trainer Learn to play the piano at your own pace through various modes of practice. Watch the video Features MIDI compatible Home row keyboard i
🔇 🤐 This extension mutes the spotify audio 🎧 👻 when ad comes.
Spotimute 🔇 🤐 This extension mutes the spotify audio 🎧 👻 when ad comes. Spotimute-Demo.mp4 Install from Chrome-Web-Store https://chrome.google.com
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
Want to preserve your loved one's voices for eternity? Narrate anything using the a voice imprint that can be made in as little as 10 minutes of audio samples. Easy as pie.
Want to preserve your loved one's voices for eternity? Narrate anything using the a voice imprint that can be made in as little as 10 minutes of audio samples. Easy as pie.
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
A Simple jQuery Plugin for Animating Scroll
AnimateScroll A Simple jQuery Plugin for Animating the Scroll Demo can be seen at http://plugins.compzets.com/animatescroll What is it exactly? Animat
CSS3 list scroll effects
stroll.js – because it scrolls, and trolls. A collection of CSS list scroll effects. Works in browsers with support for CSS 3D transforms including a
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.
Intro iHover is a collection of hover effects using pure CSS, inspired by this codrops article, powered by Sass. Demo: https://gudh.github.io/ihover/d
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
Restream is a module that allows you to create a stream of an audio/video file from the Firebase storage, protected from direct download through the client-side.
nuxt-restream Restream is a module that allows you to create a stream of an audio/video file from the Firebase storage, protected from direct download
Primitives for building user-friendly controls with SolidJS.
solid-knobs This library provides a set of utilities for building user-friendly controls for audio parameters and the like. The utilities come without
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
Supercharge Notion with custom commands to record, draw, and more ✍️
Slashy Supercharge Notion with custom commands to record, draw, and more ✨ Slashy is an open source extension that lets you create custom commands for
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
Simple Music Player App
Разработка музыкального плеера Разработка страницы музыкального плеера с возможностью поиска/выбора альбома для воспроизведения. Адаптивная верстка дл
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
A JavaScript library for adding ripple effects to HTML elements based on mouse events.
About project Ripplejs is an open source javascript library created for the purpose of adding ripple effects to html elements based on mouse events. L
A good web interface for youtube-dl that allows you to download arbitrary mixes of audio and video, including up to the highest quality such as 8K.
🚀 youtube-dl-web A good web interface for youtube-dl that allows you to download arbitrary mixes of audio and video, including up to the highest qual
Holy Qur'an Telegram Bot with pagination and audio, in Indonesian language.
quran-telegram-bot Contributions are Welcome! Demo @fio_quran_bot Run Tested on Node.js v14.x.x with NPM v6.x.x, Windows 10 and Ubuntu 18.04.6 LTS. Cr
High-quality Interactive Audio/Video Uni-app SDK
如何使用 步骤一:注册并创建 uni-app 账号 搭建 App 开发环境步骤如下: 下载 HBuilderX 编辑器 。 项目中 HBuilderX 目前使用的最新版本,如果此前下载过 HBuilderX,为保证开发环境统一请更新到最新版本。 DCloud 开发者中心注册 之后登录 HBuilde
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.
This package generates a unique ID/String for different browsers. Like chrome, Firefox and any other browsers which supports canvas and audio Fingerprinting.
Broprint.js The world's easiest, smallest and powerful visitor identifier for browsers. This package generates a unique ID/String for different browse
🎧YouTify™ 𝘪𝘴 𝘋𝘪𝘴𝘤𝘰𝘳𝘥 YouTube+SoundCloud+Spotify 𝘔𝘶𝘴𝘪𝘤 𝘉𝘰𝘵 𝘣𝘶𝘪𝘭𝘵 𝘸𝘪𝘵𝘩 𝘋𝘪𝘴𝘤𝘰𝘳𝘥.𝘫𝘴 𝘢𝘯𝘥 𝘩𝘢𝘴 Cool Audio Filters Pre-Built.❓❓𝘚𝘱𝘰𝘵𝘪𝘧𝘺 𝘪𝘴 𝘪𝘯 𝘩𝘦𝘢𝘷𝘺 𝘣𝘦𝘵𝘢 𝘴𝘵𝘢𝘨𝘦❓❓
###『 Discord Music Bot: 🎧 YouTify™] 』 𝙳𝚒𝚛𝚎𝚌𝚝𝚕𝚢 𝚞𝚜𝚎 𝚃𝚑𝚎 𝙱𝚘𝚝 𝚒𝚗 Discord 🎧 YouTify™ Features Showcase: ❓ WΉY MΛDΣ ƬΉIS BӨƬ? SeBeta S
A powerful javascript library to create amazing and smooth effects for the mouse cursor on your website.
Cuberto Mouse Follower A powerful javascript library to create amazing and smooth effects for the mouse cursor on your website. Dependencies GSAP v3 (
A various color Matrix filters and Presets for pixi.js
Pixi Color Effects A various color Matrix filters for pixi.js with TON of presets! DEMO Install # npm npm install pixi-color-effects # yarn yarn add
🌐 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
This plugin can generate timestamps for video, audio and Bilibili video, it takes you to the corresponding video/audio position when clicked.
logseq-plugin-media-ts 本插件能够生成视频、音频以及 B 站视频的时间戳,点击时间戳后会跳转到对应的音视频位置。 This plugin can generate timestamps for video, audio and Bilibili video, it takes
3D visualization of music using Three.js and web audio API.
3D Music Visualization About 3D visualization of music using Three.js and web audio API Try it here Main screen Additional screen Technologies Languag
Todas as aulas da Semana JS Expert 6.0 - Spotify Radio
Spotify Radio - Semana JS Expert 6.0 Seja bem vindo(a) à sexta Semana Javascript Expert. Este é o código inicial para iniciar nossa jornada. Marque es
create a bandcamp-style audio player for selling albums on itch.io
blamscamp Mmh, options, runnin' out of options, Mmh, options, used to have options bandcamp is great (at time of writing,) but it would be great to ha
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
High-quality Interactive Audio/Video Electron SDK
实时音视频(TRTC)Electron 版 SDK 实时音视频(TRTC)Electron 版 SDK 包含实时音视频和直播能力。腾讯实时音视频(Tencent Real-Time Communication,TRTC)将腾讯20多年来在网络与音视频技术上的深度积累,以多人音视频通话和低延时互动直播
Easy Effect is a WYSIWYG Lottie animation editor, dedicated to helping you make dynamic effects easily.
Easy Effect 🖖 Introduction Easy Effect is a WYSIWYG animation editor based on Lottie. ✨ Feature 🌈 ease to use Anyone who want to create an animation
Audio visual mitigation of Rickrolls using computer vision.
Computer Vision Rick Astley Muter This project utilizes an advanced computer vision model to mute your speakers when Rick Astley is detected on your s
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
Web based application that uses playerctl in it backend to control remotely your audio using the frontend as remote control.
Linux Remote This is a web based application that uses playerctl in it backend to control remotely your audio using the frontend as remote control. Do
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 community ran noodle effects library developed for remapper.
The all around modchart helper that contains functions and utilities created by the community. These scripts are designed to be used with Remapper. Ch
Spotify radio is an audio streaming app where you can add effects in real time.
Spotify Radio - Semana JS Expert 6.0 Spotify radio is an audio streaming app where you can add effects in real time. JS-Expert Project of the Week by
Secretly record audio and video with chromium based browsers
snoop TCC restricts access to the device camera and microphone to protect user data from unauthorized access. But... If you trusted your browser with
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.