A drag-and-drop dashboard builder library for Angular applications, enabling rapid assembly of responsive data dashboards.
ngx-puzzle is an Angular library that provides a visual drag-and-drop editor for building interactive data dashboards. It allows developers to compose charts, tables, text, and controls on a canvas, solving the problem of rapidly assembling responsive data visualization interfaces without extensive manual coding.
Angular developers (version 18+) building internal business intelligence (BI) tools, data visualization portals, or needing to rapidly prototype interactive dashboards.
Developers choose ngx-puzzle for its modern Angular architecture using standalone components and signals for performance, combined with a flexible external data-binding contract that allows seamless integration with real APIs or mock data.
Build dashboards with Angular drag-and-drop
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Leverages standalone components, signals, and OnPush change detection for performance and maintainability, as highlighted in the README's architecture overview.
Provides an intuitive visual editor with snapping layout for rapid dashboard assembly, demonstrated in the GIF and example repository.
Offers NgxPuzzleDataBindingService with observable streams for connecting components to external APIs or mock data, enabling real-time dashboards.
Includes built-in charts, tables, text, and controls based on echarts and webdatarocks, reducing the need for additional UI libraries.
Adds ngx-tethys, echarts, webdatarocks, lodash, and Angular CDK as dependencies, increasing bundle size and potential compatibility issues.
Manual setup requires modifying angular.json for assets and global styles, which can be error-prone, as noted in the installation steps.
Relies on ngx-tethys for UI components, making deep customization beyond its theming options difficult without forking or overrides.