Awesome GitHub RepositoriesTouch Layout Interactions

Tippy.js is a JavaScript tooltip library and interactive popup framework used to create tooltips, popovers, and dropdowns. It functions as a floating UI component toolkit that renders content relative to a reference element with support for automatic positioning, flip-positioning, and offsets. The library acts as an accessible overlay manager, using ARIA attributes and focus management to ensure screen reader compatibility. It also serves as a CSS animation tool, providing utilities for transitions, spring physics, and themes to manage the visual entry and exit of floating interface elements.

react-draggable is a drag and drop library and coordinate-based position manager for React. It functions as a component wrapper that adds draggable behavior to user interface elements, enabling them to be moved via mouse or touch interactions. The library provides touch-enabled interaction tools that unify pointer events across desktop browsers and touch screen devices. It utilizes CSS transforms to handle element movement and coordinate tracking. The system covers movement constraints such as axis restriction and boundary clamping to confine elements within specific areas. It includes posit

gridstack.js is a JavaScript grid layout library and responsive dashboard framework used to create interactive interfaces with draggable and resizable elements. It functions as a drag-and-drop layout manager and a JSON-serializable layout engine, allowing user-defined interface states to be persisted and restored. The library distinguishes itself through a touch-enabled grid interface and a responsive system that automatically adjusts item placement based on screen breakpoints. It features a collision-based layout engine that manages overlapping coordinates to shift or swap elements, alongsid

instant.page is a client-side JavaScript library that preloads linked pages on hover or touch interactions, making navigation feel instantaneous without consuming unnecessary bandwidth. It works by starting to fetch a page the moment a user hovers over a link for 65 milliseconds, leaving over 300 milliseconds for the page to load before the click, and similarly preloads on touch start for mobile visitors. The script offers multiple preloading strategies to balance responsiveness with resource conservation. It can be configured to preload on mousedown, when links become visible in the viewport

Hilo is an HTML5 game engine for building 2D games that run across browsers and devices. It renders graphics through Canvas, DOM, or WebGL backends, automatically selecting the best option for the target environment. The engine provides a complete game development solution with sprite, skeletal, and particle animation, along with a texture atlas system for efficient image loading and rendering. The framework distinguishes itself through its integration of the DragonBones skeletal animation engine, which drives bone-based character movement without frame-by-frame sprites, and its Chipmunk phys

Trois este un manager de scene 3D declarativ și o bibliotecă de componente Three.js pentru Vue 3. Acționează ca un wrapper reactiv care mapează grafurile de scenă și materialele Three.js pe un arbore de componente Vue, permițând crearea de randere 3D bazate pe web folosind template-uri de tip HTML. Proiectul sincronizează un arbore de componente reactiv cu un graf de scenă 3D prin binding-ul stării bazat pe proxy și maparea proprietăților reactive. Dispune de un graf de scenă bazat pe componente care gestionează transformările spațiale și duratele de viață ale obiectelor, integrând o buclă requestAnimationFrame cu evenimentele ciclului de viață al componentelor. Biblioteca acoperă o gamă largă de capabilități 3D, inclusiv generarea de geometrie, randarea instanțiată și un pipeline de încărcare a activelor pentru formate precum GLTF și FBX. Oferă instrumente cuprinzătoare pentru iluminare și umbre, o varietate de tipuri de materiale variind de la cele de bază la cele bazate pe fizică și shadere personalizate, precum și gestionarea viewport-ului prin camere de perspectivă și orbit controls. Funcționalitatea suplimentară include efecte de post-procesare, urmărirea input-ului pointer-ului și integrarea modului de realitate virtuală. Pachetul suportă importul prin rețele de livrare a conținutului (CDN) pentru prototipare rapidă.

Aves is an Android media gallery application used for browsing and organizing images and videos. It functions as a multi-purpose tool that combines gallery browsing with a bulk media renamer, an EXIF metadata editor, a GPS media map viewer, and a privacy-focused media vault. The application distinguishes itself through advanced metadata handling, allowing users to modify binary headers to update timestamps and location tags. It features a dynamic pattern-based renaming engine that uses file metadata and cryptographic hashes to update filenames in bulk. Additionally, it provides a secure stora

Acest proiect este o bază de cunoștințe personală bazată pe markdown și un jurnal de învățare digital utilizat pentru a stoca notițe și rezumate din cărți și literatură tehnică. Acesta servește drept depozit de rezumate de lectură și bibliotecă de referință tehnică pentru arhivarea ideilor principale și a cunoștințelor din materiale non-ficțiune și profesionale. Colecția funcționează ca o grădină digitală pentru curarea ideilor din cărți, articole și videoclipuri. Se concentrează în mod specific pe distilarea modelelor arhitecturale complexe, a conceptelor tehnice și a principiilor de leadership profesional într-un format căutabil pentru referință pe termen lung. Depozitul organizează, de asemenea, cunoștințele personale prin colectarea de framework-uri de gândire reutilizabile, modele mentale și instrumente de luare a deciziilor profesionale. Include un sistem pentru urmărirea progresului lecturii prin gestionarea listelor de lucrări finalizate și în curs de desfășurare.

libinput-gestures is a Linux input event daemon and touchpad gesture mapper that translates libinput events into shell commands or keyboard shortcuts. It functions as a background process that monitors raw input signals to automate workflows and execute system actions based on a user-defined configuration file. The tool allows for the mapping of multi-finger swipes and hold gestures to specific terminal commands or desktop workspace navigation. It differentiates between actions by filtering for finger counts, swipe directions, and the duration of hold gestures. The system integrates with sys

This project is a comprehensive reference library of runnable code samples and implementation guides for Web APIs, CSS features, and modular web components. It provides a collection of live demonstrations illustrating how to implement browser APIs and programmatic DOM manipulation. The repository includes specialized demonstrations for interacting with device hardware, such as sensors, Bluetooth, USB, and foldable screen posture detection. It also features implementation guides for modern styling capabilities, including advanced layout patterns, custom functions, and painting APIs, alongside

Dockview is a UI framework for building complex, desktop-like interfaces featuring dockable layout components, interactive tab grouping, and a cross-platform panel system. It provides the tools necessary to create environments with draggable tabs, split-views, and customizable panel arrangements. The system is distinguished by its multi-window layout manager, which allows panels to be detached into separate browser windows for multi-monitor setups. It further supports a state-persistent architecture that saves and restores the exact position and configuration of views across different user se

Această bibliotecă oferă o componentă React pentru randarea structurilor de date ierarhice interactive. Este concepută pentru a vizualiza informațiile imbricate prin compoziție recursivă, permițând utilizatorilor să navigheze prin ierarhii de date adânci prin extinderea și restrângerea ramurilor. Componenta se distinge prin integrarea funcționalității drag-and-drop, permițând utilizatorilor să reorganizeze nodurile direct în interfață. De asemenea, suportă încărcarea asincronă a datelor, care preia ramurile copil la cerere pentru a gestiona eficient seturile de date la distanță sau adânci. Biblioteca include optimizări de performanță pentru seturi mari de date prin utilizarea scroll-ului virtual pentru a randa doar nodurile vizibile în viewport. Oferă o gestionare flexibilă a stării, permițând dezvoltatorilor să controleze selecția nodurilor, extinderea și starea checkbox-urilor fie prin logica internă a componentei, fie prin sisteme externe de stare a aplicației.

This project is a jQuery plugin designed for creating responsive grid interfaces that support interactive drag-and-drop reordering and manual resizing of elements. It provides a framework for managing structured layouts where content can be organized into a grid system that automatically adjusts to maintain visual alignment. The library enables users to customize dashboards by rearranging and scaling widgets through mouse-based interactions. It utilizes a coordinate-based system to detect collisions and ensure that elements snap into valid slots, while providing callback functions to monitor