Awesome GitHub RepositoriesVanilla JavaScript Utilities

This project is a vanilla JavaScript reference guide and implementation collection designed to replace legacy libraries with native browser patterns. It provides a set of native JavaScript patterns for selecting, modifying, and navigating HTML elements, alongside a web API implementation guide for handling events and styles. The project serves as a reference for implementing asynchronous JavaScript patterns using native promises and fetch for remote data and background tasks. It also includes a client-side utility collection for performing data transformations, type validation, and element me

VvvebJs is a self-hosted, vanilla JavaScript library for visually assembling web pages by dragging pre-built HTML components onto a canvas. It functions as a visual HTML editor and component-based page builder that requires no build tools or external dependencies, and can be deployed on a server with PHP or Node.js backend for saving and exporting pages. The builder organizes reusable HTML components into named groups for drag-and-drop assembly, and provides visual property editing that modifies HTML attributes, CSS styles, and class names through form controls and property panels. It include

Rellax is a dependency-free vanilla JavaScript library and frontend utility used to create parallax web design effects. It functions as a scroll-based animation tool that moves page elements at different speeds to produce a sense of depth and layered motion. The library supports both vertical and horizontal parallax tracking for panoramic layouts and allows for motion speed control. It includes breakpoint-aware speed mapping to adjust movement based on screen width and provides viewport centering to position elements relative to the center of the screen. Beyond basic motion, the tool manages

This is a vanilla JavaScript DOM manipulation library that provides a collection of native methods for selecting, creating, and modifying HTML DOM elements without any framework dependencies. It operates directly on the live DOM tree using imperative JavaScript calls, wrapping standard browser DOM APIs into reusable utility functions. The library covers the full spectrum of DOM operations including element selection, creation, removal, content and attribute management, event handling, style and class manipulation, and DOM traversal. It includes approaches for cross-browser DOM compatibility,

यह प्रोजेक्ट एक कुकी सहमति प्रबंधक और GDPR अनुपालन टूल है जिसका उपयोग कुकी श्रेणियों के लिए उपयोगकर्ता की सहमति एकत्र करने के लिए किया जाता है। इसे एक वैनिला JavaScript प्लगइन के रूप में लागू किया गया है जो बाहरी फ्रेमवर्क या डिपेंडेंसी के बिना काम करता है। यह टूल एक बहुभाषी सहमति इंटरफेस प्रदान करता है जो अनुवादित सामग्री प्रदान करने के लिए ब्राउज़र या डॉक्यूमेंट लोकेल का स्वचालित रूप से पता लगाता है। यह स्पष्ट उपयोगकर्ता सहमति मिलने तक थर्ड-पार्टी iframes और स्क्रिप्ट्स को ब्लॉक करके गोपनीयता प्राथमिकताओं को मैनेज करता है। सिस्टम लेआउट शैलियों और थीम्स सहित कॉन्फ़िगर करने योग्य बैनर और मोडल्स के माध्यम से वेबसाइट गोपनीयता कस्टमाइज़ेशन को कवर करता है। इसमें सहमति निर्णय लिए जाने तक पेज इंटरैक्शन को प्रतिबंधित करने की क्षमताएं भी शामिल हैं।

Tiny-slider is a vanilla JavaScript carousel library used to create touch-enabled content sliders and accessible UI components without external dependencies. It functions as a responsive layout engine that adjusts slide visibility and dimensions based on viewport breakpoints. The library distinguishes itself through built-in lazy loading for images and media to improve page performance and a responsive system that automatically scales item counts and spacing according to the device screen size. It also supports nested slider instances, allowing for the creation of multi-directional scrolling

Keen-slider एक JavaScript टच कैरोसेल लाइब्रेरी और DOM-आधारित स्लाइडर इंजन है। यह रिस्पॉन्सिव, टच-सक्षम स्लाइड कैरोसेल बनाने के लिए एक फ़्रेमवर्क-स्वतंत्र टूल प्रदान करता है जो स्वाइप इनपुट को सामग्री दीर्घाओं (content galleries) के लिए एनिमेटेड ट्रांज़िशन में बदल देता है। लाइब्रेरी ब्रेकपॉइंट्स और मीडिया क्वेरीज़ के उपयोग के माध्यम से रिस्पॉन्सिव डिज़ाइन पर केंद्रित है ताकि विभिन्न स्क्रीन आकारों में लेआउट और व्यवहार को स्वचालित रूप से अनुकूलित किया जा सके। यह आधुनिक वेब ब्राउज़र और मोबाइल डिवाइस के साथ संगत नेटिव टच और स्वाइप जेस्चर का समर्थन करती है। इसकी क्षमता सतह में नेविगेशन कंट्रोल्स का कार्यान्वयन, अनंत कैरोसेल लूपिंग और क्षैतिज व ऊर्ध्वाधर दोनों ओरिएंटेशन के लिए समर्थन शामिल है। इंजन जटिल नेविगेशन लेआउट बनाने के लिए कई स्लाइडर्स को नेस्ट करने की अनुमति देता है और लाइफसाइकिल इवेंट हुक्स के माध्यम से कार्यक्षमता का विस्तार करने के लिए प्लगइन-आधारित सिस्टम का उपयोग करता है।

autoComplete.js is a vanilla JavaScript library used to add searchable suggestion dropdowns to input elements. It functions as a client-side search engine and input lifecycle manager that operates without external dependencies or frameworks. The library features a customizable search engine with multiple matching modes and diacritics support for accurate data filtering. It includes a request debouncing utility to limit the frequency of network requests by delaying search execution during active typing. The system provides DOM-based suggestion rendering for real-time value discovery and an ev

WebGPT is a browser-based machine learning framework designed to execute transformer models entirely within the client environment. By leveraging native web standards, it provides a zero-dependency runtime that enables local text generation without the need for backend server processing. The engine distinguishes itself by utilizing hardware-accelerated compute shaders to perform high-performance tensor computations directly on the user's graphics hardware. This approach allows for the execution of large language models locally, ensuring that all data processing remains private to the client d