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,

Dieses Projekt ist ein Cookie-Consent-Manager und ein Tool zur DSGVO-Konformität, das verwendet wird, um die Zustimmung der Benutzer für Cookie-Kategorien einzuholen. Es ist als Vanilla-JavaScript-Plugin implementiert, das ohne externe Frameworks oder Abhängigkeiten auskommt. Das Tool bietet eine mehrsprachige Consent-Schnittstelle, die automatisch Browser- oder Dokument-Locales erkennt, um übersetzte Inhalte bereitzustellen. Es verwaltet Datenschutzeinstellungen, indem es Drittanbieter-Iframes und Skripte blockiert, bis eine explizite Zustimmung des Benutzers erteilt wurde. Das System deckt die Anpassung des Website-Datenschutzes durch konfigurierbare Banner und Modals ab, einschließlich Optionen für Layout-Stile und Themes. Es enthält zudem Funktionen, um die Seiteninteraktion einzuschränken, bis eine Entscheidung zur Zustimmung getroffen wurde.

Tiny-slider ist eine Vanilla-JavaScript-Carousel-Bibliothek, die zum Erstellen von touch-fähigen Content-Slidern und barrierefreien UI-Komponenten ohne externe Abhängigkeiten verwendet wird. Sie fungiert als responsive Layout-Engine, die die Sichtbarkeit und Dimensionen von Slides basierend auf Viewport-Breakpoints anpasst. Die Bibliothek zeichnet sich durch integriertes Lazy-Loading für Bilder und Medien zur Verbesserung der Seitenleistung sowie ein responsives System aus, das die Anzahl der Elemente und Abstände automatisch an die Bildschirmgröße des Geräts anpasst. Sie unterstützt zudem verschachtelte Slider-Instanzen, was die Erstellung von multidirektional scrollenden Layouts ermöglicht. Das Projekt deckt umfassende Navigations- und Interaktionsfunktionen ab, einschließlich Unterstützung für Tastaturpfeile, Screenreader-Barrierefreiheit und Touch-Gesten-Erkennung. Es bietet Tools für automatisierte Slide-Übergänge, benutzerdefiniertes Navigations-Styling für Paginierung und Buttons sowie ein ereignisgesteuertes System zum Auslösen benutzerdefinierter Logik bei Lebenszyklusänderungen.

Keen-slider is a JavaScript touch carousel library and DOM-based slider engine. It provides a framework-independent tool for creating responsive, touch-enabled slide carousels that translate swipe inputs into animated transitions for content galleries. The library focuses on responsive design through the use of breakpoints and media queries to automatically adapt layout and behavior across different screen sizes. It supports native touch and swipe gestures compatible with modern web browsers and mobile devices. Its capability surface includes the implementation of navigation controls, infini

autoComplete.js ist eine Vanilla-JavaScript-Bibliothek, die verwendet wird, um durchsuchbare Vorschlags-Dropdowns zu Eingabefeldern hinzuzufügen. Sie fungiert als clientseitige Suchmaschine und Eingabe-Lebenszyklus-Manager, der ohne externe Abhängigkeiten oder Frameworks auskommt. Die Bibliothek bietet eine anpassbare Suchmaschine mit mehreren Matching-Modi und Unterstützung für diakritische Zeichen für eine präzise Datenfilterung. Sie enthält ein Request-Debouncing-Utility, um die Frequenz von Netzwerkanfragen zu begrenzen, indem die Suchausführung während des aktiven Tippens verzögert wird. Das System bietet DOM-basiertes Vorschlags-Rendering für die Echtzeit-Wertfindung und einen ereignisgesteuerten Lebenszyklus-Manager, um benutzerdefinierte Aktionen in spezifischen Stadien des Autocomplete-Prozesses auszulösen.

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