awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjektÜber unsHow we rankPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
awesome-repositories.comBlog
Kategorien

2 Repos

Awesome GitHub RepositoriesGrid Element Relocation

Logic for moving a UI element to a specific coordinate while managing surrounding collisions.

Distinguishing note: Existing candidates refer to binary relocation or physical moving, not UI element coordinate updates.

Explore 2 awesome GitHub repositories matching user interface & experience · Grid Element Relocation. Refine with filters or upvote what's useful.

Awesome Grid Element Relocation GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • desandro/masonryAvatar von desandro

    desandro/masonry

    16,709Auf GitHub ansehen↗

    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,

    Defines which child elements act as grid items and specifies elements that occupy space outside the flow.

    HTML
    Auf GitHub ansehen↗16,709
  • gridstack/gridstack.jsAvatar von gridstack

    gridstack/gridstack.js

    8,972Auf GitHub ansehen↗

    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

    Provides a mechanism to relocate layout items to specific positions while adjusting dimensions and collisions.

    TypeScriptangulardashboardgrid
    Auf GitHub ansehen↗8,972
  1. Home
  2. User Interface & Experience
  3. Grid Element Relocation

Unter-Tags erkunden

  • Grid Item DefinitionsSpecifying which elements participate in the grid flow and which are excluded or static. **Distinct from Grid Element Relocation:** Focuses on identifying grid members rather than relocating elements or filtering drag-and-drop targets.