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 start

# CDN

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

TIP

For production, pin to a specific version like @2.1.1 instead of @2.

# NPM Package

npm install @dynamic-framework/ui-react

Requirements:

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

# Technical Resources

# Documentation

# Development Tools

# Technical Support

# Technology Stack

  • React: 19.x (requires ~19.2.1 as peer dependency)
  • TypeScript: Full static typing
  • Bootstrap: 5.3.8 customizable
  • Build Tools: Vite
  • Testing: Jest, React Testing Library
  • Linting: ESLint, Prettier

Technical Overview →