250 Repositories
JavaScript vanilla-js-accordion-menu-nested Libraries
Simple NodeJS API without express, for learning purposes
Vanilla NodeJS API Simple NodeJS API without express, for learning purposes. I have been building RESTful APIs in NodeJS with the help of Express and
A complete application tutorial to show how to implement the Web Socket protocol using only Node.js builtin modules
Web Socket application using only Node.js built-in modules About Welcome, this repo is part of my youtube video about Building a complete application
A JavaScript library for visualizing Sankey diagrams.
SanKEY.js v1.0.0 last updated: 20.07.2022 Getting started SanKEY.js is a JavaScript data visualization library that provides a simple object-oriented
Simple budget-tracker web app developed using Vanilla JavaScript. Exercise from Warren Tech Academy.
Willow Personal Finance - Exercise from Warren Tech Academy About Project screenshots Installation Extra notes About Tools: HTML CSS (SASS) JavaScript
Tool for GitHub/GitLab to keep Repositories/Projects you are interested in and their Pull/Merge Requests in desktop Tray Menu
Tool for GitHub/GitLab to keep Repositories/Projects you are interested in and their Pull/Merge Requests in desktop Tray Menu. More info in User Guide.
Colr Pickr, a vanilla JavaScript color picker component built with SVGs, with features like saving colors. Similar design to the chrome-dev-tools color picker.
Colr Pickr Colr Pickr, a vanilla JavaScript color picking component built with SVGs, with features like saving colors. Similar design to the chrome-de
Simple fixed background parallax effect in vanilla js.
Simple Parallax Simple fixed background parallax effect in vanilla js. See demo on Codepen. JS Initialise the plugin. The first argument identifies th
MetisMenu: Collapsible menu plugin with Vanilla-JS
metismenujs MetisMenu: Collapsible menu plugin with Vanilla-JS This plugin does not support any version of IE browser. Please consider following this
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
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
Javascript accordion - tiny and simple.
Javascript Accordion Javascript accordion - tiny and simple. Accordions are useful when you want to toggle between hiding and showing large amount of
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
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.
A tiny foundation that providing nested state-based routing for complex web application.
StateMan stateman: A tiny foundation that provides nested state-based routing for complex web applications. stateman is highly inspired by ui-router;
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
⛴ Manage Docker containers from the menu bar.
Captain INTRODUCTION Manage Docker containers. Instantly from the menu bar. See which containers are running and which have stopped. Conveniently star
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
This restaurant project is a SPA (single-page application) website. The user can navigate between the home, menu and contact page. I used the MealDB API to display some menu items.
Fresh Cuisine This restaurant project is from the Odin Project and it is a SPA (single-page application) website. The user can navigate between the ho
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
🗂 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
Lit + File Based Routing + Nested Layouts
Lit File Based Routing Lit router for nested layouts and file based routing. Similar to https://remix.run/ but at client side. Demo Package Archived i
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
🪗 Play the 3-row diatonic button accordion with your computer keyboard!
Keyboard Accordion Play the diatonic button accordion with your computer keyboard! Todo Add bass notes Add CGF and EAD tunings Add scales Add bottom 3
Simple, fast, accessible accordion library with no dependency
React Fast Accordion ⚡️ Dynamic, fast, accessible & zero dependency accordion for React How it's fast? Instead of adding event listener on all the ite
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 simple library to draw option menu or other popup inputs and layout on Node.js console.
console-gui-tools A simple library to draw option menu or other popup inputs and layout on Node.js console. console-gui-tools A simple Node.js library
🌸 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
Create a performant distributed context state by synergyzing atomar context pieces and composing reusable state logic.
Synergies Create a performant distributed context state by synergyzing atomar context pieces and composing reusable state logic. synergies is a tiny (
A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item.
Letter Shuffle Animation for a Menu A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item
Ordered lists, flat or nested, multiple formats ordered lists.
logseq-plugin-ol 有序列表,单级或多级、多种样式的有序列表。 Ordered lists, flat or nested, multiple formats ordered lists. 使用展示 (Usage) 在想要展示为有序列表的块上添加一个以 #.ol 开头的标签就可以了。有
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
Dynamic, fast, accessible & zero dependency accordion for React
React Fast Accordion ⚡️ Dynamic, fast, accessible & zero dependency accordion for React How it's fast? Instead of adding event listener on all the ite
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
Obsidian-dataview-table-filter-menu - Dynamically created filter menu for dataview tables in obsidian
Dataview table Filter Menu for Obsidian Dynamically created filter menu for data
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
This package is an open source extension for MikroORM, which enables Nested Set Tree for your needs
MikroORM nested set This package is an open source extension for MikroORM, which enables Nested Set Tree for your needs Disclaimer For now, this packa
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
Raid menu for the online game gartic.io
Gartic.io Raid Tools Raid menu for the online game gartic.io Written by Eld3rly Installation
Public sunucularınız için ekip(lerin) bilgilerini gösteren v12 discord bot!
Discord Ekip Menü Bot (10 STAR + 5 FORK) Bot Kurulum Öncelikle index.js dosyamızı açıyoruz ve reqs yazan başlangıçtaki doldurulması gereken yerleri do
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
NG Bootstrap - Angular powered Bootstrap widgets
NG Bootstrap - Angular powered Bootstrap widgets Angular widgets built from the ground up using only Bootstrap 4 CSS with APIs designed for the Angula
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
Easy responsive tabs - is a lightweight jQuery plugin which optimizes normal horizontal or vertical tabs to accordion on multi devices
Easy responsive tabs - is a lightweight jQuery plugin which optimizes normal horizontal or vertical tabs to accordion on multi devices like: web, tablets, Mobile (IPad & IPhone). This plugin adapts the screen size and changes its action accordingly.
Responsive Tabs is a jQuery plugin that provides responsive tab functionality.
Responsive Tabs is a jQuery plugin that provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint. You can use this plugin as a solution for displaying tabs elegantly on desktop, tablet and mobile.
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
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
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
Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal.
Tiny UI Toggle Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal. Demo and documenta
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
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
Tippyjs - Tooltip, popover, dropdown, and menu library
Tippy.js The complete tooltip, popover, dropdown, and menu solution for the web Demo and Documentation ➡️ View the latest demo & docs here Migration G
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
Jquery.Circle.js - Circle is a Javascript global-menu library for jQuery.
Circle About Circle is a Javascript global-menu library for jQuery. Read more at the website: http://uc.gpgkd906.com/ Installation Just include the Ja
Sidebar-skeleton - Simple and fast sidebar skeleton on Bootstrap
Compostrap Simple and fast components build on Bootstrap Sidebar skeleton Simple and fast sidebar skeleton. Installation npm install --save sidebar-sk
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