1 Repo
Awesome GitHub RepositoriesGrid Alignment Systems
Mechanisms that snap UI elements to predefined column and row grids to ensure consistent alignment.
Distinct from Grid-Based Alignment Systems: Focuses on UI grid alignment for layout engines rather than game level editor grids.
Explore 1 awesome GitHub repository matching game development · Grid Alignment Systems. Refine with filters or upvote what's useful.
Awesome Grid Alignment Systems GitHub Repositories
Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
- metafizzy/packery
metafizzy/packery
4,317Auf GitHub ansehenPackery ist eine JavaScript-Bibliothek für Bin-Packing-Grid-Layouts und DOM-Elementpositionierung. Sie ordnet Elemente unterschiedlicher Größe in einem lückenlosen, kompakten Raster an, indem sie absolute Koordinaten berechnet und auf HTML-Elemente anwendet, um Überlappungen zu vermeiden. Die Bibliothek ermöglicht die Erstellung verschiebbarer Raster-Schnittstellen, sodass Benutzer Elemente per Drag-and-Drop neu anordnen können, während das System die verbleibenden Elemente automatisch neu ausrichtet. Sie behält stabile, responsive Layouts über verschiedene Bildschirmdimensionen hinweg bei, indem sie ein prozentbasiertes Positionierungssystem verwendet und auf Fenstergrößenänderungen reagiert. Das Tool verwaltet die dynamische Inhaltsanordnung durch Funktionen wie die Synchronisation mit Bild- und Schriftladen, die Möglichkeit, Layout-Platz durch Stempel zu reservieren, und die Verwendung von Platzhaltermarkern zur Vorschau von Drop-Positionen während der manuellen Neuanordnung. Es unterstützt zudem gestaffelte Übergänge für die Neupositionierung von Elementen und die Integration externer Rastersysteme für die Spaltenausrichtung.
Constrains items to specific column widths and row heights for consistent alignment during placement and dragging.
JavaScript
