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,

Ce projet est un gestionnaire de consentement aux cookies et un outil de conformité RGPD utilisé pour recueillir l'accord des utilisateurs pour les catégories de cookies. Il est implémenté sous forme de plugin JavaScript vanilla qui fonctionne sans frameworks ni dépendances externes. L'outil fournit une interface de consentement multilingue qui détecte automatiquement les paramètres régionaux du navigateur ou du document pour servir du contenu traduit. Il gère les préférences de confidentialité en bloquant les iframes et les scripts tiers jusqu'à ce qu'un consentement explicite de l'utilisateur soit accordé. Le système couvre la personnalisation de la confidentialité du site web via des bannières et des modales configurables, incluant des options pour les styles de mise en page et les thèmes. Il inclut également des capacités pour restreindre l'interaction avec la page jusqu'à ce qu'une décision de consentement soit prise.

Tiny-slider est une bibliothèque de carrousel en JavaScript natif utilisée pour créer des sliders de contenu tactiles et des composants d'interface accessibles sans dépendances externes. Elle fonctionne comme un moteur de mise en page responsive qui ajuste la visibilité et les dimensions des diapositives en fonction des points de rupture (breakpoints) de la fenêtre d'affichage. La bibliothèque se distingue par un lazy loading intégré pour les images et les médias afin d'améliorer les performances de la page, ainsi qu'un système responsive qui adapte automatiquement le nombre d'éléments et l'espacement en fonction de la taille de l'écran de l'appareil. Elle prend également en charge les instances de slider imbriquées, permettant la création de mises en page à défilement multidirectionnel. Le projet couvre des capacités complètes de navigation et d'interaction, notamment la prise en charge des flèches du clavier, l'accessibilité pour les lecteurs d'écran et la détection des gestes tactiles. Il fournit des outils pour les transitions automatiques, un stylage de navigation personnalisé pour la pagination et les boutons, ainsi qu'un système piloté par événements pour déclencher une logique personnalisée lors des changements de cycle de vie.

Keen-slider est une bibliothèque de carrousel tactile JavaScript et un moteur de slider basé sur le DOM. Il fournit un outil indépendant du framework pour créer des carrousels de diapositives responsives et tactiles qui traduisent les entrées de balayage en transitions animées pour les galeries de contenu. La bibliothèque se concentre sur le design responsive via l'utilisation de points de rupture et de media queries pour adapter automatiquement la mise en page et le comportement à travers différentes tailles d'écran. Elle prend en charge les gestes tactiles et de balayage natifs compatibles avec les navigateurs web modernes et les appareils mobiles. Sa surface de capacités inclut l'implémentation de contrôles de navigation, la boucle infinie de carrousel et la prise en charge des orientations horizontale et verticale. Le moteur permet l'imbrication de plusieurs sliders pour créer des mises en page de navigation complexes et utilise un système basé sur des plugins pour étendre les fonctionnalités via des hooks d'événements de cycle de vie.

autoComplete.js est une bibliothèque JavaScript vanilla utilisée pour ajouter des menus déroulants de suggestions interrogeables aux éléments d'entrée. Elle fonctionne comme un moteur de recherche côté client et un gestionnaire de cycle de vie d'entrée qui fonctionne sans dépendances ou frameworks externes. La bibliothèque dispose d'un moteur de recherche personnalisable avec plusieurs modes de correspondance et une prise en charge des diacritiques pour un filtrage précis des données. Elle inclut un utilitaire de débogage de requête pour limiter la fréquence des requêtes réseau en retardant l'exécution de la recherche pendant la saisie active. Le système fournit un rendu de suggestion basé sur le DOM pour la découverte de valeurs en temps réel et un gestionnaire de cycle de vie piloté par les événements pour déclencher des actions personnalisées à des étapes spécifiques du processus d'autocomplétion.

WebGPT is a browser-based machine learning framework designed to execute transformer models directly within the client environment. By leveraging native web standards and hardware-accelerated compute shaders, it enables local text generation without the need for backend server processing or external dependencies. The engine distinguishes itself by providing a zero-dependency runtime that performs high-performance tensor computations entirely on the user's local hardware. It includes specialized tooling to convert and import custom model weights into a serialized binary format, allowing for th