Much of the functionality of the GenUI platform is based on trained models. The "QSAR Models", "DrugEx" and "Maps" pages all borrow from the same library of reusable GenUI React components (Figure ). At the core of the "models" component library (Figure ) is the ModelsPage component (Figure ). ModelsPage manages the layout and data displayed in model cards. When the users select to build a new model, the ModelsPage component is also responsible to show a card with the model creation form. The information that the ModelsPage displays can be customized through various React properties (Figure ) that represent either data (data properties) or other components (component properties). Such an encapsulation approach and top-down data flow is one of the main strengths of the React framework. This design is very robust since it fosters appropriate separation of concerns by their encapsulation inside more and more specialized components. This makes the code easy to reuse and maintain. ModelsPage). This creates a hierarchy of reusable components that can be easily assembled and configured to accommodate the different needs of each model view in a standardized and consistent manner.