Over the past year, we have been developing a drag-and-drop Angular Material UI/Theme Builder. The target audience is angular developers who already have experience with Google's Angular and Angular Material Components.
The Angular Material UI/Theme builder is a What-You-See-Is-What-You-Get (WYSIWYG) drag-and-drop builder that allows angular developers to build reactive forms and views by dragging and dropping Google's Angular Material Components onto an Angular Flex layout. The properties, styles, and events of each component can be configured through panels and the builder generates all the code.
The code that is being generated can be viewed through three tabs: (i) Markup tab for the HTML, (ii) Script tab for TypeScript and (iii) Styles tab for the CSS.
The UI Builder also incorporates Angular Material Theme Builder that can be used to build a theme and apply the theme to the views you have built using the UI Builder.
You can also bind the views/forms to static data or ReST-API based data sources.
The Table UI Component in the Angular Material library is very basic and not sufficient for most applications. Therefore, in addition to the Angular Material Components, the builder also integrates ag-grid (https://www.ag-grid.com) for Grid Control.
The goal of this UI/Theme Builder is to reduce the time to develop a view by over 50%. Again, this UI/Theme Builder is targeted towards developers who already have experience with Angular and Angular Material.
I am looking for the community feedback on whether or not you would use such a UI/Theme Builder. Secondly, would you be interested in trying the UI/Theme Builder and providing us feedback?
Top comments (0)