Awesome GitHub RepositoriesDOM Element Manipulators

This project is a comprehensive JavaScript programming tutorial and language reference. It serves as a web development education resource providing instruction on modern language fundamentals, object-oriented design, and advanced asynchronous programming patterns. The resource functions as both a frontend development guide and a technical reference. It covers core language features such as closures, prototypes, promises, and typed arrays, while providing practical lessons on managing browser data and handling network requests. The content spans several key capability areas, including browser

This project is a Material Design UI library and Angular component framework. It provides a collection of reusable UI building blocks and development tools for creating consistent web applications that follow Material Design specifications. The framework includes an accessible web component library that uses headless directives and WAI-ARIA patterns to ensure user interface elements meet web accessibility standards. It also provides specialized integration wrappers for embedding and managing interactive Google Maps and YouTube video playback. The project supports custom UI component developm

Dragula is a JavaScript drag and drop library and DOM element manipulator used to move and reorder HTML elements between multiple containers. It functions as a UI interaction framework and event manager that tracks drag lifecycles to facilitate the movement of elements within a web browser interface. The library distinguishes itself through configurable constraint validation, allowing developers to define which elements are draggable and which containers are permitted drop targets. It supports specialized interaction patterns such as element cloning, the use of specific drag handles to restri

This project is a reference guide and collection of implementation patterns for replacing legacy libraries with native JavaScript. It provides a vanilla JavaScript reference guide, a modern web API cookbook, and a DOM manipulation cheat sheet to help migrate frontend dependencies to standard browser APIs. The project focuses on mapping library functions to native interfaces for DOM manipulation, network requests, and event handling. It includes a utility pattern library for common tasks such as string cleaning, type checking, and element styling. The covered capabilities include DOM element

Draggable is a JavaScript library for implementing draggable elements and sortable lists within a web browser. It provides a functional toolset for creating accessible drag and drop interfaces and a mechanism for dynamically swapping, sorting, and reordering HTML elements in real time. The library features a cross-input interaction layer that unifies mouse, touch, and force-touch events into a single stream for consistent behavior across different devices. It specifically includes tools for providing screen reader feedback and assistive technology support to ensure drag operations are accessi

Masonry is a JavaScript library for arranging elements of varying heights into a grid without vertical gaps. It serves as a DOM element positioner and dynamic layout manager that calculates and applies absolute coordinates to HTML elements based on available vertical space. The system functions as a responsive grid engine using percentage-based widths to maintain consistent structures across different screen sizes. It includes capabilities to recalculate grid positions after images load or browser windows resize to prevent element overlap. The library covers grid management and positioning,

Not-paid is a client payment protection tool and website access control script designed to discourage non-payment by progressively reducing the visibility of a delivered website. It functions as a CSS opacity payment enforcer that renders a site increasingly transparent based on a predefined payment due date. The tool applies a visual penalty to a website to pressure non-paying clients into completing payments or recovering outstanding debts. It achieves this by gradually decreasing the opacity of the page body over a set period until the site becomes invisible.

Zepto is a minimalist JavaScript toolkit providing an API for DOM manipulation, event handling, and asynchronous HTTP requests. It functions as a jQuery-compatible library, allowing developers to select, modify, and animate HTML elements using a concise and chainable syntax. The library includes an asynchronous HTTP client for exchanging data with remote servers without triggering page reloads and a browser-based event handler that supports standard mouse events and mobile touch gestures. Its capability surface covers CSS selector-based querying, element transition animations, and the serial

Bootstrap-vue is a Vue.js UI framework and component library that integrates Bootstrap CSS styling and utility classes into a component-driven development workflow. It provides a set of pre-styled interface elements and layout patterns designed for building responsive web user interfaces. The library functions as a bridge between Bootstrap and Vue.js, allowing developers to create responsive web layouts and reusable frontend components such as navbars, alerts, and modals. It focuses on bringing Bootstrap's design system into a Vue.js application environment. The framework covers core capabil

Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a frontend component suite of reusable interface elements designed for building mobile-first websites and web applications. The project wraps Bootstrap CSS classes in Vue components to manage styles and behaviors through reactive state. It integrates a responsive layout management system that synchronizes internal component states with Bootstrap's grid system and device breakpoints. The library covers a wide range of interface capabilities, including data display with sortable

Snap.svg is a JavaScript library for creating, manipulating, and animating scalable vector graphics directly in the web browser. It functions as a browser-based SVG generator and vector graphics manipulation tool, providing a framework to programmatically generate complex drawings and masks. The project serves as an animation engine for transitioning visual properties and attributes over time to create motion. It enables the development of dynamic SVG content, including the ability to animate viewboxes, matrices, and polygon points. Its capability surface covers geometric calculations and th

This is a browser-based puzzle game and HTML5 JavaScript application where players slide and merge numbered tiles on a grid to reach a target value. The game runs entirely on the client side, using web standard technologies to handle game logic and rendering directly in the browser. The application is a mobile-compatible web app that translates touch-swipe gestures and keyboard inputs into directional commands. It includes a local storage score tracker to save and maintain a record of high scores across different sessions.

LearningNotes es una base de conocimientos técnicos y guía de estudio de ingeniería centrada en los internos del framework de Android, la arquitectura del sistema y la optimización del rendimiento móvil. Sirve como referencia para analizar la secuencia de arranque de Android, el arranque de procesos y la inicialización de servicios del sistema. El proyecto proporciona guías detalladas sobre el rendimiento móvil, incluyendo estrategias para reducir las huellas de memoria, identificar fugas de memoria y optimizar la decodificación de imágenes. Además, cubre la comunicación entre procesos de Android utilizando AIDL y el controlador del kernel Binder, así como manuales de arquitectura de software para desacoplar la lógica de negocio de las interfaces de usuario a través de patrones como MVVM y MVP. Más allá del desarrollo móvil, el repositorio incluye una base de conocimientos de ciencias de la computación para la preparación de entrevistas técnicas, cubriendo estructuras de datos, algoritmos y conceptos de sistemas operativos. También cuenta con una referencia práctica para el control de versiones de Git, detallando la gestión de repositorios, sincronización y flujos de trabajo de ramificación.

iCarousel is a data-driven UI library for macOS and iOS used to build interactive three-dimensional scrolling experiences. It functions as a customizable view controller that renders paged content using cylindrical or cover-flow 3D effects. The component is distinguished by its programmable perspective and visual transformation hooks, which allow for the definition of custom 3D styles and bespoke animation effects. Users can adjust viewpoint distance, alpha fading, and foreshortening to control how the vanishing point and depth appear during navigation. The library manages high-performance v

Magnific-Popup is a JavaScript lightbox library and frontend UI component used to display images, videos, and remote HTML content within a responsive overlay window. It functions as a responsive media gallery, providing a dimmed background to focus viewing on specific content. The library distinguishes itself through its ability to fetch and render remote HTML via asynchronous AJAX requests and its support for thumbnail zoom transitions. It includes a gallery system that groups multiple media items with directional controls, progress counters, and background preloading of adjacent assets to e

Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!

FSCalendar is a native iOS user interface library and customizable date picker designed for integration into mobile applications. It provides a reusable calendar component that supports both Swift and Objective-C. The library allows for the creation of custom calendar cell designs and supports date selection through swiping gestures, enabling both single and multiple date selection workflows. The component can be configured via Interface Builder for visual layout design. It includes capabilities for rendering calendar views and implementing custom date picker designs to match specific applic

Waypoints is a JavaScript library designed for monitoring scroll positions and managing viewport-based triggers. It provides utilities to execute functions when page elements enter or exit the visible browser area, track specific scroll offsets, and implement sticky element pinning. The library includes specialized tools for building infinite scrolling interfaces that fetch and append content to replace traditional pagination. It also manages the positioning of elements that transition to a fixed screen location once a specific scroll threshold is reached. The system covers broader capabilit

UserScript is a collection of JavaScript userscripts designed to modify website behavior and appearance. It functions as a system for automating web tasks, modifying page structures, filtering content, and optimizing the retrieval of web assets. The project includes specialized utilities for accelerating file downloads from hosting platforms and enhancing cloud storage interfaces with advanced sorting and direct download options. It also provides tools for web content filtering to remove intrusive elements and keywords, alongside a web automator for handling repetitive site actions like login

This repository contains the HTML specification, which defines the core standards for web page structuring, content organization, and document rendering. It establishes the fundamental algorithms for state-machine-based tokenization, tree construction for the document object model, and origin-based security isolation. The specification provides a framework for defining custom elements with independent lifecycles and registries. It also details the requirements for cross-document communication, session history management, and the synchronization of interface properties with content attributes.