Logo Dynamic Framework Docs

Dynamic UI

Welcome to the Dynamic Framework UI documentation.

In this guide, you'll find information about the various features of this framework, as well as key definitions and details on how to start working with it.


Include via CDN

Include Dynamic Framework compiled CSS or JS using a CDN.

Install via package manager

Install Dynamic Framework Styles and JavaScript files via npm.

If you don't have the Modyo CLI installed, the system will ask to install it, as it is a required package. You can find the CLI installation instructions in the official documentation.

This process downloads the dynamic-react-base-template, once you have the template, go to the project folder to install the dependencies and build the project:

cd "project-name"; npm i; npm run start

Use a code editor to explore the code and examine how the different components of the design system are used.

What is Dynamic UI?

Dynamic UI is a set of user experiences, based on web components and integrations, designed to accelerate the development of solutions in the field of digital banking and the financial industry in general. This platform provides a fast and efficient way to create robust solutions.

Aimed at developers, Dynamic UI offers a unified framework based on modern, open source standards. This framework is easily adapted to the unique needs of each customer.

Dynamic UI addresses common digital needs in various financial institutions. It focuses both on product and digital channel managers and on development teams. It seeks to streamline implementation through a modular, flexible, reusable and easily maintainable approach.

Design Principles

Dynamic UI is based on design principles that help create beautiful, modern, and customizable web applications without the need to write and maintain custom code.

Dynamic UI has been designed using recognizable interaction patterns; oriented to the financial industry and its unique challenges in user experience.

The design principles in Dynamic UI are:

  • Clarity: Reduce ambiguity and give users confidence and understanding when using the application.
  • Simplicity: Facilitate the construction of experiences by providing a catalog of components and functionalities, allowing you to concentrate on crucial business decisions.
  • Efficiency: Prioritize workflows that anticipate common needs in the financial industry.
  • Consistency: Present consistent and familiar interfaces to end users, regardless of the device they are using, making it easier to intuitively use applications.
  • Aesthetics: Provide users with components with attractive interfaces. Prioritizing both functionality and interface design.

Dynamic UI gives you a unified user experience and streamlined workflows. Its clean interface allows work teams to focus on the design and the logic behind the implementation of each component.


To take full advantage of Dynamic UI's capabilities, we recommend having a minimum knowledge base of Javascript, React, HTML and CSS, as well as basic notions of micro frontends Web architecture.