Framework designed for speed and code quality.

Our framework is a powerful toolkit that brings together robust, widely-used technologies like HTML, CSS, JavaScript, Bootstrap, and React to speed up implementation and enhance code quality.

Benefits of Our UI Framework

Accelerated development

Drastically reduce build time with pre-built components and well-defined design patterns.

Consistent quality

Ensure uniform code standards across all implementations for a reliable and scalable product.

Minimal learning curve

Built on familiar technologies like React and Bootstrap, making onboarding fast and simple.

Improved maintainability

Modular architecture allows for easier updates, bug fixes, and long-term sustainability.

Flexible customization

Easily adapt components to meet the specific needs of your financial institution.

Reusable components for your UI

Components are modular, reusable building blocks that encapsulate a part of a user interface and its functionality. Components are essential for structuring web applications, promoting code reusability, maintainability, and scalability.

HTML Components

Pre-built structures ready to plug into any web project.

View HTML Docs
React Components

Fully interactive and built in React for dynamic apps.

Explore React Library

Accessibility built into every component

Dynamic Banking's framework components follow accessibility best practices based on WCAG and WAI-ARIA guidelines, ensuring your application is usable by everyone.

Color contrast

All components meet AA or higher contrast standards for readability and visual clarity.

Keyboard navigation

Interactive elements fully support keyboard use, offering a smooth and expected user experience.

Focus management

Focusable elements include proper focus states and maintain consistent interactivity across the interface.

Accessible labels

Forms, icons, and buttons include accessible labels compatible with screen readers and assistive tech.

Ready to accelerate how you build your bank?

Request a Demo

All you need to know about our Framework UI

Dynamic is a Modyo brand. We can refer to it as Modyo Dynamic or simply Dynamic. The objective of creating a separate brand from the main one is to reinforce the idea that both the framework and the solutions are completely optional, highlighting the platform's agnostic capabilities to work with other types of architectures if the client requires it. Not all of our clients will use Dynamic; as of today, we have several who use their own design systems and custom-built solutions.

The framework is primarily aimed at the financial sector and its technical leaders, developers, and designers, who can use it as a solid foundation to structure their frontend projects. The framework operates on widely recognized open technologies, so the learning curve is very short.

The framework is maintained by Modyo experts, consisting basically of a dedicated team and strategic support from our community, which may include internal staff, clients, partners, or users we invite to participate. The team will be willing to listen and take ideas from any source, but the final decisions rest with Modyo.

The framework uses a semantic versioning scheme, in which major, minor, and patch versions are released incrementally. Patch versions are safe to update as they do not significantly alter the structure of the components. Minor versions [text cuts off in original]

Cloning the framework to make modifications to it is not permitted. However, there is a defined architecture for extending the framework, which allows for the incorporation of custom elements not contemplated in the base definition. That being said, the recommendation is not to extend the framework to fix errors or implement improvements that could be in its base. Instead, incentives are offered to participate in the community, contributing improvements directly to the framework.

Unlike the framework, which is agnostic to the cases in which its use is considered, the solutions are specific to a business problem to be solved. The solutions are aimed at technical and business leaders who wish to solve a particular use case for which Modyo has a pre-built solution.

Dynamic's solutions are designed to be customized and modified during the course of implementation, thanks to their modular and extensible architecture. Each template used from our solutions catalog is downloaded as source code that can be adapted to the particular needs of each client. The complexity of the implementation project will be determined by the level of modifications to be made.

Once cloned and modified, the source code of the templates belongs to the client with a subscription. After the project is delivered, the client can continue to evolve the code and update the framework dependencies that are available in the repository. The client cannot claim intellectual property over the framework or the base code of the templates, only over the modifications made as part of the implementation.

All use cases that the solutions resolve are designed to operate on Modyo's reference architecture. If a client wishes to replace Modyo Connect with their own solution, the impact of this decision must be evaluated on a case-by-case basis.

The framework is offered AS-IS, without any explicit warranty. By using the framework, clients and users assume the risk of any defects it might contain. Modyo commits to resolving defects and providing ongoing maintenance for the source code in the most recent versions.

The Dynamic framework is constantly evolving, so updates are published from time to time, which the client can adopt voluntarily. For clients with active professional services, these updates will be carried out by the Modyo team in agreement with each client.

Dynamic's solutions are designed to take advantage of the standards defined in the framework, which is distributed with its own design system. The framework's design system is completely customizable, so it can be adapted to the specific requirements of each client. If a client requires the use of their own code, a technical evaluation of its feasibility must be conducted, and it is possible that many of the solution's accelerator and evolutionary attributes cannot be leveraged, so this is not recommended by Modyo.

The framework is designed to be used by Modyo's clients and partners who have a Modyo Dynamic subscription if they launch solutions for end customers. The only commercial license restriction is that its use must be for digital products deployed within the Modyo platform. Commercial uses of the framework outside the platform are not permitted.