Modyo Docs

# Dynamic Framework

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

# Technical Features

# Components

  • 30+ 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 with Context API

# 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-base-template my-app
cd my-app
npm install
npm start

# CDN

<!-- CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@dynamic-framework/ui-react@1.27.0/dist/css/dynamic-ui.css">

<!-- JavaScript (optional) -->
<script src="https://cdn.jsdelivr.net/npm/@dynamic-framework/ui-react@1.27.0/dist/js/bootstrap.min.js"></script>

# NPM Package

npm install @dynamic-framework/ui-react

Requirements:

  • Node.js v20+
  • NPM 10.x+

For React component integration, see React guide.

# Technical Resources

# Documentation

# Development Tools

# Technical Support

# Technology Stack

  • React: 18+ with Hooks and Suspense
  • TypeScript: Full static typing
  • Bootstrap: 5.3+ customizable
  • Build Tools: Webpack 5, Vite support
  • Testing: Jest, React Testing Library
  • Linting: ESLint, Prettier

Technical Overview →