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,

这是一个 Cookie 同意管理器和 GDPR 合规工具，用于收集用户对 Cookie 类别的同意。它实现为一个原生 JavaScript 插件，无需外部框架或依赖项。 该工具提供了一个多语言同意界面，可自动检测浏览器或文档语言环境以提供翻译后的内容。它通过在获得明确用户同意之前阻止第三方 iframe 和脚本来管理隐私偏好。 该系统通过可配置的横幅和模态框涵盖了网站隐私自定义，包括布局样式和主题选项。它还包括在做出同意决定之前限制页面交互的功能。

Tiny-slider 是一个原生 JavaScript 轮播库，用于创建支持触摸的内容滑块和可访问的 UI 组件，且无外部依赖。它作为一个响应式布局引擎，根据视口断点调整滑块的可见性和尺寸。 该库的特点在于内置了图像和媒体的懒加载功能以提高页面性能，以及一个根据设备屏幕尺寸自动缩放项目数量和间距的响应式系统。它还支持嵌套滑块实例，允许创建多方向滚动的布局。 该项目涵盖了全面的导航和交互功能，包括键盘箭头支持、屏幕阅读器可访问性以及触摸手势检测。它提供了用于自动滑块过渡、分页和按钮的自定义导航样式，以及用于在生命周期变化期间触发自定义逻辑的事件驱动系统。

Keen-slider 是一个 JavaScript 触摸轮播库和基于 DOM 的滑块引擎。它提供了一个与框架无关的工具，用于创建响应式、支持触摸的幻灯片轮播，将滑动输入转换为内容库的动画过渡。 该库通过使用断点和媒体查询专注于响应式设计，以自动适应不同屏幕尺寸的布局和行为。它支持与现代 Web 浏览器和移动设备兼容的原生触摸和滑动手势。 其功能涵盖导航控件的实现、无限轮播循环以及对水平和垂直方向的支持。该引擎允许嵌套多个滑块以创建复杂的导航布局，并利用基于插件的系统通过生命周期事件钩子扩展功能。

autoComplete.js 是一个原生 JavaScript 库，用于向输入元素添加可搜索的建议下拉菜单。它作为一个客户端搜索引擎和输入生命周期管理器，无需外部依赖或框架即可运行。 该库具有一个可定制的搜索引擎，具有多种匹配模式和变音符号支持，可实现准确的数据过滤。它包括一个请求防抖实用程序，通过在主动输入期间延迟搜索执行来限制网络请求的频率。 该系统提供基于 DOM 的建议渲染以实现实时值发现，并提供事件驱动的生命周期管理器，以在自动完成过程的特定阶段触发自定义操作。

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