Awesome GitHub RepositoriesLayout Persisters

GrapesJS is a framework for creating no-code visual editors that produce HTML and CSS templates. It provides a browser-based interface for designing website and newsletter structures using a drag-and-drop page editor. The project functions as a web builder framework, enabling the development of custom design environments. It includes a system for managing nested HTML elements, modifying layout properties via a graphical interface, and organizing components through a page layer hierarchy. The toolset covers digital asset management for organizing images and files, as well as the ability to pe

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,

React Grid Layout is a toolkit for building draggable, resizable, and responsive dashboard interfaces. It functions as a coordinate-based grid system that reconciles component positions and dimensions through declarative metadata, allowing developers to manage complex collections of UI elements that users can interact with directly. The library distinguishes itself through an automated packing algorithm that maintains structural integrity by shifting elements to fill gaps and resolving overlaps. It supports responsive design by monitoring container width changes against pre-defined breakpoint

Pixel Agents is a session manager and visualization dashboard for AI agents. It represents active agent sessions as animated pixel characters, allowing for real-time monitoring of presence, activity, and task progress within a virtual workspace. The system features a grid-based workspace editor used to design custom office layouts and import pixel art assets via manifests. It tracks agent hierarchies by visualizing sub-agents as linked characters and monitors activity through session transcript polling to trigger real-time animations. The project includes a desktop automation interface that

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

Material Shell is a tiling window manager and Linux desktop environment that replaces traditional window management with a grid-based organizer. It functions as a spatial layout engine that automatically arranges application windows into non-overlapping grids to maximize screen space. The system acts as a desktop session manager, recording and restoring window positions and workspace assignments to preserve the exact state of a previous session after a restart. It employs a coordinate-based layout engine to map applications to specific rows and cells for consistent placement. The project cov

imgui-node-editor is a C++ extension for Dear ImGui that adds a fully interactive node graph editor, enabling visual programming and blueprint-style graph editing within immediate-mode GUI applications. At its core, it provides a customizable node graph UI component where users can place, drag, and connect nodes with pins, supporting Bézier curve connections, automatic highlights, and a default theme modeled after blueprint editors. The editor handles graph navigation with smooth zooming, scrolling, selection rectangles, group dragging, and keyboard shortcuts for cut, copy, paste, and delete o

Vue Page Designer 是一个用于在 Web 应用程序中构建交互式、组件驱动的可视化编辑器的框架。它提供了一个拖放界面，允许用户通过将预构建组件排列到画布上来构建移动响应式 Web 布局，从而实现无需为每个布局更改手动编码的低代码页面组合。 该库通过模块化插件架构脱颖而出，允许开发者注册自定义界面元素，为独特的设计需求扩展可用的构建块。它利用由分层配置对象驱动的递归渲染策略，确保可视化工作区与底层数据结构保持同步。 该系统包括全面的状态管理工具，将整个页面结构捕获为便携的、序列化的数据对象。这允许持久化和恢复复杂的设计配置，支持用户保存草稿并在不同会话间恢复工作的流程。开发者可以通过全局页面元数据控制、组件属性调整和集成文件上传处理进一步管理设计环境。