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,

This project is a cookie consent manager and GDPR compliance tool used to collect user agreement for cookie categories. It is implemented as a vanilla JavaScript plugin that operates without external frameworks or dependencies. The tool provides a multilingual consent interface that automatically detects browser or document locales to serve translated content. It manages privacy preferences by blocking third-party iframes and scripts until explicit user consent is granted. The system covers website privacy customization through configurable banners and modals, including options for layout st

Tiny-slider es una librería de carrusel en JavaScript vanilla utilizada para crear sliders de contenido táctiles y componentes de UI accesibles sin dependencias externas. Funciona como un motor de diseño responsivo que ajusta la visibilidad y las dimensiones de las diapositivas según los puntos de interrupción (breakpoints) del viewport. La librería se distingue por la carga diferida (lazy loading) integrada para imágenes y medios para mejorar el rendimiento de la página y un sistema responsivo que escala automáticamente el número de elementos y el espaciado según el tamaño de la pantalla del dispositivo. También admite instancias de slider anidadas, permitiendo la creación de diseños de desplazamiento multidireccional. El proyecto cubre capacidades integrales de navegación e interacción, incluyendo soporte para flechas de teclado, accesibilidad para lectores de pantalla y detección de gestos táctiles. Proporciona herramientas para transiciones automáticas de diapositivas, estilos de navegación personalizados para paginación y botones, y un sistema basado en eventos para activar lógica personalizada durante los cambios del ciclo de vida.

Keen-slider es una librería de carrusel táctil de JavaScript y motor de slider basado en DOM. Proporciona una herramienta independiente de frameworks para crear carruseles de diapositivas responsivos y táctiles que traducen entradas de deslizamiento en transiciones animadas para galerías de contenido. La librería se centra en el diseño responsivo mediante el uso de puntos de interrupción (breakpoints) y media queries para adaptar automáticamente el diseño y el comportamiento a diferentes tamaños de pantalla. Admite gestos táctiles y de deslizamiento nativos compatibles con navegadores web modernos y dispositivos móviles. Su superficie de capacidades incluye la implementación de controles de navegación, bucle infinito de carrusel y soporte para orientaciones tanto horizontales como verticales. El motor permite el anidamiento de múltiples sliders para crear layouts de navegación complejos y utiliza un sistema basado en plugins para extender la funcionalidad a través de ganchos de eventos de ciclo de vida.

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