ui-model is a software architectural pattern. You may be surprised to realise that it is a very familiar concept but not materialised until now.
The core of ui-model is SoC, Separate of Concerns. With ui-model pattern, you separate the soul (logic) of an interactive ui component from its body (contents and styles etc.).
Interactive ui components share very few common logics and therefore ui-model is highly reusable with no configuration required, which lead to limitless customizability.
Apart from ui-model, this showcase also include some supporting directives that bridges between ui-model and dom.
There are four layers:
ui-model
Pure logics and data structure, it is the reusable part and it is independent to frameworks i.e. it works with Angular, React or any other frameworks.
ui-model-angular
The binding library for Angular. It includes supporting directives and pipes ready to be used in the template of an Angular component. With Angular, this library is reusable and it is independent from CSS frameworks i.e. it can work with Bootstrap, Semantic or any other CSS frameworks.
ui-model-angular-bootstrap
This library binds Bootstrap into the mix. It includes a set of showcase demo components themed with Bootstrap, such as calendar, table, tooltip and type-ahead etc.:
ui-model-angular-showcase
With the support of above three libraries, this is the end layer for the demos where you can experience the components and view their code and documentations.