227 Repositories
JavaScript vanilla-datetimerange-picker Libraries
Responsive tabs-to-accordion script without jQuery, written using pure JavaScript
vanilla-tabs Responsive tabs-to-accordion script without jQuery, written using pure JavaScript Author Dmytro Kudleichuk LinkedIn GitHub Online Demo Se
A simple smooth scrolling using 100% vanilla JavaScript.
SmoothScroll.js A simple smooth scrolling using 100% vanilla JavaScript, and it's only 3kb! Demo Usage // index.html html head link rel="
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
Flat and simple color-picker library. No dependencies, no jquery.
Flat and simple color-picker Fully Featured demo Features Simple: The interface is straight forward and easy to use. Practical: Multiple color represe
Smooth scroll animation - vanilla JavaScript
Smooth Scroll Animation Using Vanilla JavaScript Provides smooth scroll functionality on clicking buttons with different eeasing properties. The "smoo
Adds `long-press` event to the DOM in 1k of pure JavaScript
long-press-event A 1k script that adds a long-press event to the DOM using CustomEvent and pure JavaScript. Works in IE9+, Chrome, Firefox, Safari as
Simple date and time picker in vanilla javascript
simplepicker Simple datetime picker in vanilla javascript. This project is mostly based on material-datetime-picker, but without it relying on externa
Fast and lightweight dependency-free vanilla JavaScript polyfill for native lazy loading / the awesome loading='lazy'-attribute.
loading="lazy" attribute polyfill Fast and lightweight vanilla JavaScript polyfill for native lazy loading, meaning the behaviour to load elements rig
Awesome Books project with ES6 is an application that was built using Vanilla JavaScript with ES6 features like using arrow functions. This application allows you to keep records of your favorite books.
Javascript Project Awesome Books with ES6 Using Javascript to create a simple Awesome Books project. Populating the books list and then removing one b
Tool Cool Color Picker is a color picker library written in typescript and using web component technologies.
Tool Cool Color Picker Tool Cool Color Picker is a color picker library written in typescript and using web component technologies. Check out the demo
This is a todo list created using webpack and vanilla javascript.
This is a todo list created using webpack and vanilla javascript. It lets a user add and remove to do items. It contains testing suite using jest framework.
TradeX-chart is a trade chart written in plain (vanilla) JavaScript with minimal dependencies
TradeX-chart is a trade chart written in plain (vanilla) JavaScript with minimal dependencies; use it with any framework or backend.
Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.
Bootstrap Colorpicker Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4. THIS PROJECT IS NOT MAINTAINED ANYMORE. After almost 10
Vanilla JavaScript plugin for lazyloading images
Lazy Load Remastered Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them.
A small, lightweight JavaScript plugin for placing items in straight rows (jQuery and vanilla JS version) – Demo:
rowGrid.js rowGrid.js is a small, lightweight (~1000 bytes gzipped) jQuery plugin for placing images (or other items) in straight rows. The grid is si
A lightweight script to animate scrolling to anchor links.
DEPRECATION NOTICE: Smooth Scroll is, without a doubt, my most popular and widely used plugin. But in the time since I created it, a CSS-only method f
Macaron is an open-source design tool to visually create Web Components, which can be used in most Web frameworks, or in vanilla HTML/JavaScript
Macaron is an open-source design tool to visually create Web Components, which can be used in most Web frameworks, or in vanilla HTML/JavaScript
In this project, I will restructure Awesome books app code. The goal is to make it more organized by using modules.
Awesome Books ES6 In this project, In this project I built Awesome books app code. The goal was to make it more organized by using modules. Built With
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
🗿 Surreal - Hyper minimalist jQuery alternative
🗿 Mini jQuery alternative for devs who 💙 ergonomics. Use direct elements or arrays transparently! Locality of behavior (LoB) using me()! It's vanilla querySelector but better!
a 2D html canvas shooting game, implemented using vanilla JavaScript
EnemyShooting-Game a 2D single player enemy shooting game. It is an html canvas game, implemented using Vanilla JavaScript. Rules Killing each enemy w
📆 The modern, open source "Airbnb style" date picker.
Date Picker A pretty, modern date picker. Coming soon. 💡 Get Started wip wip 🧪 Testing pnpm test 📈 Changelog Please see our releases page for more
🗂 Universal Media Library as a web component.
Kondonizer Kondonizer is a custom element (a native HTML tag) that can be integrated in any frontend code. It displays a media library based on a Medi
A template for a vanilla(no ui-framework) project with webgi engine in typescript using parcel bundler.
WebGi starter project A template for a vanilla(no ui-framework) project with webgi engine in typescript using parcel bundler. For the latest version a
Nebula is a lightweight (1kb compressed) JavaScript library that creates beautiful universe animations.
Nebula is a lightweight JavaScript library for creating beautiful universe animations. Including configurable Stars, Nebulas, Comets, Planets and Suns. Compatible with SSR
Dynamic, theme-driven, style props for vanilla-extract.
Rainbow Sprinkles 🧁 Dynamic, theme-driven, style props for vanilla-extract. Rainbow sprinkles works similarly to @vanilla-extract/sprinkles. Like spr
Convert css (scss/sass) to vanilla-extract.
CSS-to-vanilla-extract ⚡ Welcome 😀 Convert CSS (SCSS/SASS) to vanilla-extract. playground Install npm i -D c2ve Usage Once installed, you can run it
Dynamic, theme-driven, style props for vanilla-extract.
Rainbow Sprinkles 🧁 Dynamic, theme-driven, style props for vanilla-extract. Rainbow sprinkles works similarly to @vanilla-extract/sprinkles. Like spr
Awesome books is a vanilla Javascript which offers CRUD functionalities allowing you to add, remove edit boks info and store it to the local storage.
Awesome Books Awesome books is a simple project that displays new books when a user updates them. Built With HTML-5 CSS3 Javacript Linters Live Demo L
JavaScript Express.js app serving static vanilla JS. This sample app is used in Microsoft Docs to demonstrate how to integrate Azure Storage, Azure Cosmos DB, and Azure Active Directory.
JavaScript on Azure Learn Path - Module 2 - Deploying a basic app to Azure This Learn module requires the following Azure resources to deploy correctl
Developed using (HTML, CSS, Webpack, Vanilla.js)To-do list is a tool that helps you to organize your day
Developed using (HTML, CSS, Webpack, Vanilla.js)To-do list is a tool that helps you to organize your day. It lists the tasks that you need to do and allows you to mark them as complete. It was built as an introduction to web dev using ES6 and We…
🌸 A fast and fun way to learn Japanese alphabets: hiragana & katakana. Don't wait - learn now!
Sakurator | Start learning 日本語 here Sakurator (Website publish date: ~4-6 April '22) - a personal trainer for learning Japanese alphabets (hiragana &
Variant types in Roblox TypeScript - Ported from Vanilla TypeScript
Variant (for Roblox) This is a roblox typescript variant (heh, pun) of Variant. See the Variant documentation on how to use Variant. A variant type is
React Native Week Month Date Picker
React Native Week Month Date Picker Date picker with a week and month view Installation npm install react-native-week-month-date-picker Dependencies T
simple PWA catalogue with vanilla javascript and json-server as a fake server
simple PWA catalogue with vanilla javascript and json-server as a fake server
Highly customizable, animated, responsive, and dependency-free Evolution Graph implementation
Highly customizable, animated, responsive, and dependency-free Evolution Graph implementation. The package is built with Vanilla JavaScript and is used to create flexible data visualizations and present evolution relationships between entities.
Create sticky element in flexbox sidebars. it can use in Vanilla JS and frameworks like Vue and React
js sticky side simple sticky side with js that can use in frameworks like vue and react. notes it can be used just in flexbox grids. target element sh
Fushra Distro Picker
Jump right into linux without the hassle of researching a distro! This webapp will narrow down the selection, allowing you to find the perfect distro for you
Music-Player - Music player application built with HTML, CSS and vanilla JavaScript
Music-Player Music player application built with HTML, CSS and vanilla JavaScrip
Relaxer-Javascript - A relaxing breathing app with a visual director to tell you when to breathe in, hold and breathe out
Relaxer-Javascript A relaxing breathing app with a visual director to tell you w
MenuSlider-Javascript - How to create a menu slider with vanilla javascript
MenuSlider-Javascript How to create a menu slider with vanilla javascript Instal
MusicPlayer-Javascript - How to create a custom music player with vanilla javascript
MusicPlayer-Javascript How to create a custom music player with vanilla javascri
This is a vanilla Node.js rest API created to show that it is possible to create a rest API using only vanilla Node.js
This is a vanilla Node.js rest API created to show that it is possible to create a rest API using only vanilla Node.js. But in most cases, I would recommend you to use something like Express in a production project for productivity purposes.
Vanilla JS browser game
Vanilla JS Game - Amazing Spacecraft 🚀 Online Demo: https://spacecraft.vercel.app/ a spacecraft that has to survive a journey through space ⌨ Shortcu
A date picker web component, and spiritual successor to duet date picker
date-picker A date picker web component, based on duet date picker, except authored with Lit and using shadow DOM. This is a work in progress. Todo:
Tints and shades generator in React.
Reactry's shades goals add option to enter hexColor by hand add option to get hexColor from clipboard add option to set one of the shades or tints as
HTML5 CSS3 vanilla js QR code generator with download options
QR Code Generator HTML5 CSS3 vanilla js QR code generator with download options Additional description about the project and its features. Built With
Wallpik is a stock images & wallpapers downloading web app built with vanilla JavaScript & Pexels API
Wallpik the stock photos & wallpaper web app (Preview) Wallpik Wallpik is a single page application built with HTML, CSS, Vanilla JavaScript & Pexels
An wide ranged emoji picker extension for firefox based browsers.
Fire-Picker A wide ranged emoji picker extension for firefox based browsers made with pure js. This is still in a prototype phase. Changes will be mad
A Fast & Light Virtual DOM Alternative
hyper(HTML) 📣 Community Announcement Please ask questions in the dedicated discussions repository, to help the community around this project grow ♥ A
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
What is it ? Shaders are the new front-end web developpment big thing, with the ability to create very powerful 3D interactions and animations. A lot
Simple & lightweight (4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
lax.js Simple & lightweight (4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. DEMO What's new w
A project implementing a datepicker with format dd/MM/yyyy from scratch.
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
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
List of 1000 JavaScript Interview Questions
JavaScript Interview Questions & Answers Click ⭐ if you like the project. Pull Requests are highly appreciated. Follow me @SudheerJonna for technical
30 Day Vanilla JS Challenge
JavaScript30 Starter Files + Completed solutions for the JavaScript 30 Day Challenge. Grab the course at https://JavaScript30.com Community #JavaScrip
This Repository contain awesome vanilla JavaScript projects.
Awesome JavaScript Projects You can Have a look here Website Are you a Newbie in Web development and want to dive deep into Javascript? Are you lookin
vanilla-js lightweight custom HTML scrollbar
FakeScroll ⚡ lightweight custom-looking scrollbars 1.4KB gzipped (js) 4.0KB minified (js) 7.7KB unminified (js) ~20+ KB avarage similar scripts (unmin
lightweight, powerful javascript datetimepicker with no dependencies
flatpickr - javascript datetime picker Motivation Almost every large SPA or project involves date and time input. Browser's native implementations of
An wide ranged emoji picker extension for firefox based browsers.
Fire-Picker A wide ranged emoji picker extension for firefox based browsers made with pure js. This is still in a prototype phase. Changes will be mad
Nepali Date Picker jQuery Plugin 🇳🇵
Nepali Date Picker Nepali Date Picker jQuery Plugin for everyone. 🇳🇵 Installation npm install nepali-date-picker Demo and Documentation https://leap
Extended carousel based on Bootstrap 5 using only vanilla js.
Description Extended Slider based on Bootstrap 5 using only carousel component and vanilla js. Requirements: Bootstrap 5 Installation npm i -D extende
A vanilla JavaScript multi-checkbox dropdown web component.
Multi-Checkbox Web Component Multi-Checkbox is a web component that utilizes multiple checkboxes in a dropdown list to populate the value of an input.
a lightweight, dependency-free JavaScript plugin which makes a HTML table interactive
JSTable The JSTable is a lightweight, dependency-free JavaScript plugin which makes a HTML table interactive. The plugin is similar to the jQuery data
Seamless and lightweight parallax scrolling library implemented in pure JavaScript utilizing Hardware acceleration for extra performance.
parallax-vanilla.js Seamless and lightweight parallax scrolling library implemented in pure JavaScript utilizing Hardware acceleration for extra perfo
Adds `swiped` events to the DOM in 0.7k of pure JavaScript
swiped-events A 0.7k script that adds swiped-left, swiped-right, swiped-up and swiped-down events to the DOM using CustomEvent and pure JS. Based on t
A simple color picker application written in pure JavaScript, for modern browsers.
Color Picker A simple color picker application written in pure JavaScript, for modern browsers. Has support for touch events. Touchy… touchy… Demo and
LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.
LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, vid
Make the content slide prettily across the screen with variable sizes of scrolling items, in any of four directions, pausing while the mouse is over the marquee, and all with vanilla JavaScript.
TEG Marquee Make the content slide prettily across the screen with variable sizes of scrolling items, in any of four directions, pausing while the mou
OlumSlider is a lightweight and flexible slider, written via vanilla js
olum-slider OlumSlider is a lightweight and flexible slider, written via vanilla js Documentation CDN !DOCTYPE html html lang="en" head t
Ios-calculator-js - Calculator made with vanilla javascript and custom css based on the design of iOS devices.
ios-calculator-js This is a practice project in which I try to replicate iOS calculator's both logic and styling. In case you spot room for improvemen
CalendarPickerJS - A minimalistic and modern date-picker component/library 🗓️👨🏽💻 Written in Vanilla JS
CalendarPickerJS The simple and pretty way to let a user select a day! Supports all major browser. Entirely written in Vanilla JavaScript with no depe
VanillaSelectBox - A dropdown menu with lots of features that takes a select tag and transforms it into a single or multi-select menu with 1 or 2 levels
vanillaSelectBox v1.0.0 vanillaSelectBox : v1.00 : Adding a package.json file New : Possibility to change the dropdown tree and change the remote sear
Javascript-Confirm-Dialogue - Simple Confirm Dialogue with 3 Options. Vanilla JS
Javascript Dialog Box v1.0.0 Javascript Dialog Box is a simple to use library for making dialog boxes in pure Javscript. It comes with the following f
Clocklet - An opinionated clock-style vanilla-js timepicker.
An opinionated clock-style vanilla-js timepicker. Demo Features Keyboard and numpad friendly Autocomplete - e.g. "1"-"01:00", "12"-"12:00", "1234"-
Navigation-Menu-Javascript - A simple Navbar navigation using vanilla javascript, to change links to the active link when clicked.
Navigation-Menu-Javascript A simple Navbar navigation using vanilla javascript, to change links to the active link when clicked. Desktop view Mobile v
BVSelect-VanillaJS - BVSelect - Vanilla Javascript Fully Customizable SelectBox
BVSelect - Vanilla JS Replaces native select elements with fully customizable dropdowns. Demo: https://bmsvieira.github.io/BVSelect-VanillaJS/ Feature
Sharerbox - Free, minimalist and lightweight JavaScript-based social-media sharer for websites
Sharerbox Free minimalist and lightweight JavaScript-based social-media sharer for websites. Version: 0.8.1 Description SharerBox is a free, minimalis
Autocomplete - Simple accessible autocomplete for vanilla javacript with support for remote & local data, ~3KB gzip
Autocomplete - Simple accessible autocomplete for vanilla javacript with support for remote & local data, ~3KB gzip
Vanillajs-datepicker - A vanilla JavaScript remake of bootstrap-datepicker for Bulma and other CSS frameworks
Vanilla JS Datepicker A vanilla JavaScript remake of bootstrap-datepicker for Bulma and other CSS frameworks This package is written from scratch as E
Coloris - A lightweight and elegant JavaScript color picker. Written in vanilla ES6, no dependencies. Accessible.
Coloris A lightweight and elegant JavaScript color picker written in vanilla ES6. Convert any text input field into a color field. View demo Features
Nodeparse - A lightweight, vanilla replacement for Express framework when parsing the HTTP body's data or parsing the URL parameters and queries with NodeJS.
nodeparse A lightweight, vanilla replacement for Express framework when parsing the HTTP body's data or parsing the URL parameters and queries with No
A vanilla node.js blog microservice
Vanilla blog microservice This is a vanilla blog microservice built using node.js; it was created for the purpose of learning to gain an understanding
Simple realtime chat application made by NodeJS, Express, Socket.io and Vanilla Javascript. This project is made to discover socket.io and understand its basic features.
LearnByChat App Simple realtime chat application made with NodeJS, Express, Socket.io and Vanilla Javascript. This project is made to discover socket.
Mind elixir is a free open source mind map core.
Mind-elixir is a framework agnostic mind map core
A simple vanilla and lightweight modal which is easy to expand
A simple vanilla and lightweight modal which is easy to expand
Simple to use modal / alert / dialog / popup. Created with vanilla JS. No javascript knowledge required! Works on every browser and device! IE9
EinsModal The last modal / alert / dialog you will ever need! Full Documentation: https://www.einscms.com/modal EinsModal is the best solution to inte
A platformer game using Phaser3 library and Vanilla JS. This project features the knowledge of Webpack, ES6, JS Modules, Async code, DOM, JSON and Jest tests.
RUNNING BUNNY A platformer game using Phaser3 library and Vanilla JS. This project features the knowledge of Webpack, ES6, JS Modules, Async code, DOM
A simple and minimal, ultra-lightweight vanilla JS framework with 0 deps.
piss.js A simple and minimal, ultra-lightweight vanilla JS framework with 0 deps, containing one function, piss. This function has the background colo
Geniemoji - The Emoji Genie 🧞♂️
Geniemoji 🧞♂️ The Emoji Genie What is Geniemoji? Geniemoji is an app that makes using emojis on desktop simpler than ever It works on operating syst
This is a small web application I made using Vanilla Javascript. It's a text generator that cooks up classic lyrics (lorem ispum style) from the rap collective Wu Tang Clan. This was a blast to make and I hope others can get some use out of it, or at least a good laugh.
Wu Tang Lorem Ipsum Text Generator This is a small web application I made using Vanilla Javascript. It's a text generator that cooks up classic lyrics
Multi Upload with Progress Bar in Vanilla JS
js-progress-bar-multi-upload Multi Upload with Progress Bar in Vanilla JS Youtube dersinde birlikte hazırladığımız çoklu progress barlı javascript upl
Generate colors based on a desired contrast ratio
Generate colors based on a desired contrast ratio
Cool and powerful effect to select fields. Javascript vanilla and ~2kb gzipped
pickout Cool and powerful effect to select fields. Javascript vanilla and ~2kb gzipped. DEMO PAGE For syntax of the previous version click here How to
:keyboard: Simulate a typewriter effect in vanilla JavaScript.
malarkey Simulate a typewriter effect in vanilla JavaScript. Flexible API allowing granular control Option to repeat the sequence indefinitely Allows
Scaffolding utility for vanilla-js
scaffold-static lets you automate the local development environment setup and build static sites (vanilla-JS) with ease. Installation npm install -g s
ClojureScript's persistent data structures and supporting API from the comfort of vanilla JavaScript
mori A simple bridge to ClojureScript's persistent data structures and supporting APIs for vanilla JavaScript. Pull requests welcome. Breaking changes
A lightweight vanilla ES6 cookies and local storage JavaScript library
🍪 CrumbsJS 🍪 A lightweight, intuitive, vanilla ES6 fueled JS cookie and local storage library. Quick Start Adding a single cookie or a local storage
Material Progress —Google Material Design Progress linear bar. By using CSS3 and vanilla JavaScript.
MProgress.js Google Material Design Progress Linear bar. It uses CSS3 and vanilla JavaScript which doesn't depend on any other libraries. Types and pr