{"repo":"katoid/angular-grid-layout","free":true,"listed":false,"github":"https://github.com/katoid/angular-grid-layout","clone":"git clone https://github.com/katoid/angular-grid-layout.git","description":"Responsive grid with draggable and resizable items for Angular applications.","language":"TypeScript","stars":520,"topics":["angular","grid","grid-layout","draggable","resizable","drag-and-drop","responsive"],"license":"MIT","category":"dashboards-admin","readme_excerpt":"Angular Grid Layout Angular Grid Layout is a grid layout system with draggable and resizable items for Angular Applications. It is mainly designed to create highly customizable dashboards. Its core functionalities are based in the well known React-Grid-Layout library. It can be considered a 'port' (with some changes) to the Angular ecosystem. Both cover the same necessities. Features - No dependencies - Draggable items - Resizable items - REDUX friendly (akita, ngrx, ngxs...) - Customizable Drag & Resize handles. Custom Handles Example - 3 modes of grid compaction: vertical, horizontal and free (exact same algorithm as React-Grid-Layout) - Add/Remove items - High performance - Supports touch devices - Auto-scrolling while dragging. Scroll Example - Multi Item mode, drag and resize more than 1 item at a time. Multi Item Drag & Resize Example Compatibility Version Compatibility ---------------------- ------------------------- \\ = 3.0.0 Angular 16, 17, 18 & 19 \\ = 2.0.0 Angular 14, 15 \\ = 1.1.0 && = 0.1.1 && < 1.1.0 Angular 9, 10 & 11 Demos Playground - Stackblitz Custom Handles Real Life Example Scroll Test Row Height Fit Multi Item Drag & Resize Installation To use @katoid/angular-grid-layout in your project install it via npm: Usage Import KtdGridModule to the module where you want to use the grid: Use it in your template: Where template variables could be: API Here is listed the basic API of both KtdGridComponent and KtdGridItemComponent. See source code for full knowledge o","default_branch":null,"files":null,"tree":[],"storefront":"/r/katoid","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/katoid/angular-grid-layout/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}