A JSON-powered GUI library for building configurable panels and forms in Angular applications.
GUI is an Angular library that provides a JSON-powered interface for creating configurable panels and dynamic forms. It allows developers to define UI components, layouts, and behaviors through JSON configuration, streamlining the development of complex form-based applications. The library integrates with Angular Material to deliver accessible, themable components out of the box.
Angular developers building data-driven applications, admin panels, or dynamic forms that require flexible, configurable user interfaces without extensive custom coding.
Developers choose GUI for its ability to reduce UI boilerplate through JSON configuration, enabling faster development cycles and easier maintenance of form-heavy applications while leveraging Angular Material's robust component ecosystem.
🎛️ JSON powered GUI for configurable panels
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Allows defining forms and panels entirely in JSON, reducing boilerplate code as shown in the usage example with GuiFields.
Integrates with Angular Material 2/3 out of the box, providing accessible and themable UI components without extra setup.
Automatically renders UI based on JSON config with real-time updates and model binding, simplifying complex form management.
Includes a playground to test configurations instantly, enabling rapid iteration and visualization during development.
Requires Angular Material setup and theming, adding complexity and locking projects into the Material Design ecosystem.
Tied to specific Angular versions per the compatibility table, which can hinder upgrades or integration with other libraries.
Primarily designed for forms and panels, making it unsuitable for building diverse UI types like charts or interactive widgets.
For complex interfaces, JSON schemas can become lengthy and harder to maintain compared to traditional component-based approaches.