awesome-repositories.com
Blog
MCP
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoServidor MCPAcerca deCómo clasificamosPrensa
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

7 repositorios

Awesome GitHub RepositoriesSpatial State Tracking

Tracking the real-time X and Y coordinates of multiple elements to manage motion and interaction.

Distinct from Coordinate-Based Position Calculators: Focuses on maintaining a state array of moving object coordinates rather than calculating static insertion points for UI components

Explore 7 awesome GitHub repositories matching user interface & experience · Spatial State Tracking. Refine with filters or upvote what's useful.

Awesome Spatial State Tracking GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • vincentgarreau/particles.jsAvatar de VincentGarreau

    VincentGarreau/particles.js

    30,214Ver en GitHub↗

    particles.js is a JavaScript particle animation library and visual effects engine used to create interactive, canvas-based simulations for web interfaces. It enables the generation of dynamic background animations and networked visual effects through coordinate-based particle movements. The library features a system for drawing connecting lines between particles based on proximity to create network-style visualizations. It includes mechanisms for mapping mouse movements and click events to specific particle behaviors, such as attraction or repulsion. Users can configure particle density, opa

    Maintains an internal state of particle coordinates to calculate and update movement in every animation frame.

    JavaScript
    Ver en GitHub↗30,214
  • taye/interact.jsAvatar de taye

    taye/interact.js

    12,913Ver en GitHub↗

    interact.js es una biblioteca de interacción de JavaScript utilizada para implementar arrastrar y soltar, redimensionar y gestos multitáctiles dentro de los navegadores web. Proporciona un framework de interacción especializado para gráficos vectoriales escalables, permitiendo que estos elementos se muevan y redimensionen. La biblioteca cuenta con un motor de gestos multitáctiles que reconoce patrones complejos como pellizcar y rotar, y un motor de ajuste de coordenadas para alinear elementos a cuadrículas o restringir el movimiento dentro de los límites. También incluye un sincronizador de estado entre marcos para compartir estados de interacción y eventos de entrada a través de múltiples ventanas de navegador o marcos integrados. El proyecto cubre amplias áreas de capacidad, incluyendo física de movimiento para cálculos de velocidad basados en inercia y normalización de entrada para unificar eventos de mouse y táctiles a través de navegadores. La funcionalidad adicional incluye seguimiento de estado basado en coordenadas y ajuste cuantizado para alinear posiciones y tamaños a intervalos predefinidos.

    Tracks real-time X and Y coordinates of elements to maintain an accurate internal state of position and size.

    TypeScript
    Ver en GitHub↗12,913
  • dmitrybaranovskiy/raphaelAvatar de DmitryBaranovskiy

    DmitryBaranovskiy/raphael

    11,284Ver en GitHub↗

    Raphael is a JavaScript library for creating, manipulating, and animating scalable vector graphics. It provides a programmatic interface and a cross-browser renderer for drawing 2D vector graphics and complex shapes within a web browser. The project functions as an SVG animation framework and drawing API, allowing for the construction of diagrams, charts, and custom illustrations. It enables the creation of motion graphics through the transformation of vector elements using coordinate systems and easing functions. The library covers capabilities for scalable vector rendering, dynamic data vi

    Maintains a real-time state array of graphical object coordinates to enable dynamic visual updates.

    JavaScript
    Ver en GitHub↗11,284
  • metafizzy/isotopeM

    metafizzy/isotope

    11,102Ver en GitHub↗

    Isotope is a JavaScript grid layout library used to create filterable and sortable grids with automatic element positioning in the browser. It functions as a layout engine that calculates absolute coordinates for elements to maintain a dense grid regardless of individual item dimensions. The library features a masonry layout engine that arranges items of varying heights into a compact grid to eliminate vertical gaps. It includes a coordinate-based layout animator for smooth transitions during layout shifts and a CSS selector filtering tool to show or hide elements without reloading the page.

    Tracks the real-time X and Y coordinates of DOM elements to manage layout state and motion.

    HTML
    Ver en GitHub↗11,102
  • liaohuqiu/android-ultra-pull-to-refreshAvatar de liaohuqiu

    liaohuqiu/android-Ultra-Pull-To-Refresh

    9,513Ver en GitHub↗

    This is an Android pull-to-refresh library and custom view component designed to implement refresh interactions across any Android view. It functions as a gesture interaction tool that manages pull-down motions and touch conflicts to trigger data loading operations. The library provides tools for creating custom refresh headers and indicator visuals, utilizing a path-based animation engine to produce non-linear visual transitions. It includes mechanisms to define specific trigger thresholds through height ratios and user release events. The project covers gesture management and touch interac

    Implements spatial state tracking of vertical offsets and velocity to manage the motion of the refresh header.

    Java
    Ver en GitHub↗9,513
  • eduardolundgren/tracking.jsAvatar de eduardolundgren

    eduardolundgren/tracking.js

    9,472Ver en GitHub↗

    tracking.js is a browser computer vision library written in JavaScript for performing real-time image analysis and object tracking directly within a web browser. It functions as a real-time object tracker, a color tracking tool, and a face detection utility. The library enables the detection and monitoring of specific color ranges, human faces, and known visual patterns across consecutive video frames. It extracts visual features and descriptors from images to identify distinct landmarks for matching and tracking. The project covers broad computer vision capabilities, including the ability t

    Calculates geometric centers and boundaries of visual blobs to maintain target identity across frames.

    JavaScript
    Ver en GitHub↗9,472
  • mzabriskie/react-draggableAvatar de mzabriskie

    mzabriskie/react-draggable

    9,289Ver en GitHub↗

    react-draggable is a UI interaction library that provides core primitives and components for adding tactile movement and coordinate-based positioning to web elements. It serves as a tool for making user interface elements movable via mouse or touch interactions within React applications. The library supports the implementation of custom drag handles, allowing the initiation of movement to be restricted to specific child elements identified by CSS selectors. It also provides programmatic drag state management, enabling developers to control element positioning or use callbacks for movement wit

    Tracks real-time mouse and touch coordinates to maintain the spatial state of moving elements.

    JavaScript
    Ver en GitHub↗9,289
  1. Home
  2. User Interface & Experience
  3. Coordinate-Based Position Calculators
  4. Spatial State Tracking