Angular Grid Layout

screenshot of Angular Grid Layout
angular

Responsive grid with draggable and resizable items for Angular applications.

Overview:

Angular Grid Layout is a grid layout system designed for Angular applications, providing draggable and resizable items to create highly customizable dashboards. It is a 'port' of the React-Grid-Layout library with some modifications, offering functionalities like no dependencies, draggable and resizable items, support for Redux, customizable handles, grid compaction modes, high performance, touch device support, and more.

Features:

  • No dependencies
  • Draggable items
  • Resizable items
  • REDUX friendly (akita, ngrx, ngxs...)
  • Customizable Drag & Resize handles
  • 3 modes of grid compaction: vertical, horizontal, and free
  • Add/Remove items
  • High performance
  • Supports touch devices
  • Auto-scrolling while dragging

Summary:

Angular Grid Layout is a powerful grid layout system for Angular applications that offers a range of features including draggable and resizable items, support for Redux, customizable handles, high performance, and compatibility with touch devices. Its easy installation process via npm makes it accessible for developers looking to create customizable dashboards with Angular. While providing a list of current features, the project also outlines upcoming features and offers troubleshooting tips for common issues that may arise during usage.

angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.