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,

Acest proiect este un manager de consimțământ pentru cookie-uri și un instrument de conformitate GDPR utilizat pentru a colecta acordul utilizatorilor pentru categorii de cookie-uri. Este implementat ca un plugin vanilla JavaScript care funcționează fără framework-uri sau dependențe externe. Instrumentul oferă o interfață de consimțământ multilingvă care detectează automat localele browserului sau ale documentului pentru a servi conținut tradus. Gestionează preferințele de confidențialitate prin blocarea iframe-urilor și scripturilor terțe până când este acordat consimțământul explicit al utilizatorului. Sistemul acoperă personalizarea confidențialității site-ului web prin bannere și modale configurabile, incluzând opțiuni pentru stiluri de layout și teme. Include, de asemenea, capabilități pentru a restricționa interacțiunea cu pagina până când este luată o decizie privind consimțământul.

Tiny-slider este o bibliotecă de carusel vanilla JavaScript utilizată pentru a crea slidere de conținut cu suport tactil și componente UI accesibile, fără dependențe externe. Funcționează ca un motor de layout responsiv care ajustează vizibilitatea și dimensiunile slide-urilor în funcție de breakpoint-urile viewport-ului. Biblioteca se distinge prin lazy loading integrat pentru imagini și media pentru a îmbunătăți performanța paginii și un sistem responsiv care scalează automat numărul de elemente și spațierea în funcție de dimensiunea ecranului dispozitivului. De asemenea, suportă instanțe de slider imbricate, permițând crearea de layout-uri de derulare multidirecționale. Proiectul acoperă capabilități cuprinzătoare de navigare și interacțiune, inclusiv suport pentru săgețile de la tastatură, accesibilitate pentru cititoarele de ecran și detectarea gesturilor tactile. Oferă instrumente pentru tranziții automate ale slide-urilor, stilizarea personalizată a navigării pentru paginare și butoane, și un sistem bazat pe evenimente pentru declanșarea logicii personalizate în timpul schimbărilor ciclului de viață.

Keen-slider este o bibliotecă JavaScript de carusel tactil și un motor de slider bazat pe DOM. Oferă un instrument independent de framework pentru crearea de caruseluri de slide-uri responsive, activate prin atingere, care traduc input-urile de swipe în tranziții animate pentru galerii de conținut. Biblioteca se concentrează pe designul responsive prin utilizarea breakpoint-urilor și a media query-urilor pentru a adapta automat layout-ul și comportamentul pe diferite dimensiuni de ecran. Suportă gesturi native de atingere și swipe compatibile cu browserele web moderne și dispozitivele mobile. Suprafața sa de capabilități include implementarea controalelor de navigare, looping-ul infinit al caruselului și suportul pentru orientări atât orizontale, cât și verticale. Motorul permite imbricarea mai multor slidere pentru a crea layout-uri de navigare complexe și utilizează un sistem bazat pe plugin-uri pentru a extinde funcționalitatea prin hook-uri de evenimente ale ciclului de viață.

autoComplete.js este o bibliotecă JavaScript vanilla utilizată pentru a adăuga meniuri dropdown de sugestii căutabile elementelor de input. Funcționează ca un motor de căutare pe partea de client și un manager de ciclu de viață al input-ului care operează fără dependențe externe sau framework-uri. Biblioteca dispune de un motor de căutare personalizabil cu moduri de potrivire multiple și suport pentru diacritice pentru filtrarea precisă a datelor. Include un utilitar de debouncing al cererilor pentru a limita frecvența cererilor de rețea prin întârzierea execuției căutării în timpul tastării active. Sistemul oferă randarea sugestiilor bazată pe DOM pentru descoperirea valorilor în timp real și un manager de ciclu de viață bazat pe evenimente pentru a declanșa acțiuni personalizate în etape specifice ale procesului de autocomplete.

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