Awesome GitHub RepositoriesGrid Layouts

React Grid Layout is a draggable and resizable grid system for React that organizes components into a coordinate-based layout. It functions as a responsive layout manager and a serialized grid state engine, providing the tools necessary to create user-customizable workspaces where interface elements can be moved and resized. The system distinguishes itself through breakpoint-driven layout mapping, which adjusts grid configurations based on container width. It utilizes a serialized state model to convert spatial positions and dimensions into data formats for saving and restoring user layouts,

vue-grid-layout is a draggable and resizable grid system for Vue.js that enables users to customize the placement and size of interface elements. It functions as a dynamic widget orchestrator and a state-persistent layout manager, allowing for the creation of customizable dashboard interfaces where components can be arranged and sized according to user preference. The system operates as a responsive dashboard framework that automatically adapts grid arrangements based on viewport size and supports right-to-left text directions. It provides the ability to capture and serialize grid positions a

Gridster.js is a jQuery plugin that turns page elements into a draggable, resizable grid layout. It provides a framework for building interactive dashboards and interfaces where widgets snap to a multi-column grid and can be repositioned by dragging, with automatic layout reflow when items are added, removed, or resized. The plugin handles mouse and touch events through a drag-and-drop manager, calculates widget overlap with a collision detection engine, and positions items using CSS transforms for smoother animations. It maintains an internal registry of all grid items with their coordinates

The AndroidStaggeredGrid library provides a multi-column, masonry-style grid component for Android applications. It arranges items in a staggered layout where rows contain items of varying heights, similar to a Pinterest-style grid. The library supports dynamic column count configuration and includes built-in item interaction handling through tap event callbacks. Key capabilities include adjustable column counts that can be changed at runtime, separate column configurations for portrait and landscape orientations, automatic scroll position restoration across configuration changes, and an empt

A modified version of Android's experimental StaggeredGridView. Includes own OnItemClickListener and OnItemLongClickListener, selector, and fixed position restore.

⚛️ Auto Responsive Layout Library For React

This project has been superseded by SuperSLiM, a layout manager for RecyclerView. I strongly recommend using SuperSLiM and not StickyGridHeaders.

A React.js component for using @desandro's Masonry

A GridView which can addHeaderView and addFooterView

React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.

Animated grid layout component for React

Deprecated An Android multi column list view like Pinterest.

Svelte Grid is a responsive layout library designed for building interactive, draggable, and resizable dashboard interfaces within Svelte applications. It provides a coordinate-based system that allows users to manipulate the position and dimensions of UI components directly on the screen, ensuring that content blocks remain organized within a structured grid. The library distinguishes itself through a constraint-driven engine that enforces minimum and maximum size boundaries during user interactions, preventing overlapping elements and maintaining layout integrity. It includes built-in suppo

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

A no-frills flexbox grid system for React, powered by styled-components.

Resizable Flex layout container components for advanced React web applications

A drag-and-drop scrolling grid view for Android

An Android ViewGroup that implements a paged grid with drag'n'drop moveable items

The layout engine for React

Zaker style grid view pager, support dragging & rearrange, using as zaker's main screen.