Modyo Docs

# Dynamic Framework

React component framework specialized for financial applications, built on Bootstrap 5 and optimized for micro frontends with Modyo platform.

Version 2.0 Available

Dynamic UI 2.0 brings a new visual language, Lucide icons, and 8 new components.

# Technical Features

# Components

  • 43 React components specialized for banking
  • Design system based on Bootstrap 5
  • Full TypeScript support
  • WCAG 2.1 accessibility integrated

# Architecture

  • Micro Frontends with Module Federation
  • API-first design
  • Lazy loading and code splitting
  • State management: Zustand (UI) + TanStack Query (server)

# Technical Documentation

# Architecture

# Getting Started

# Development

# Customization

# Modyo Integration

Dynamic Framework is automatically included when creating applications with Dynamic Minimal Theme in Modyo. See customization guide for UI customization.

# Installation

# Modyo CLI

npx @modyo/cli@latest get dynamic-react-vite-base-template my-app
cd my-app
npm install
npm run dev

# NPM Package

npm install @dynamic-framework/ui-react

Requirements:

  • Node.js v22+
  • NPM 10.x+
  • React 18.x / 19.x

# Technical Resources

# Documentation

# Development Tools

# Technical Support

# Technology Stack

  • React: 18.x / 19.x compatible
  • TypeScript: Full static typing
  • Bootstrap: 5.3.x customizable
  • Build Tools: Vite (widgets), Rollup (design system)
  • Testing: Vitest (widgets), Jest (design system), React Testing Library
  • Linting: ESLint

Technical Overview →