Introduction

Dynamic Framework is a versatile solution designed to adapt to your project's needs, offering various installation options to suit any scenario.

Modyo Integration

When creating a new application in Modyo using the Dynamic Minimal Theme, Dynamic Framework is automatically installed within your web application. To customize your user interface, please refer to Learn how to customize your user interface (opens new window).

CDN Inclusion

To integrate Dynamic Framework HTML widgets into your website, you can utilize a Content Delivery Network (CDN). This method provides convenient access to the framework's CSS and JavaScript files without requiring local hosting.

CSS Styles:

<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>

Once Dynamic Framework is linked in your HTML document, you can begin utilizing its functionalities. For more details on customizing widgets and components, please refer to our documentation on how to customize widgets and components (opens new window).

Package Manager Installation

For developing CLI widgets or React-based projects, you can install Dynamic Framework styles and JavaScript files via NPM.

npx @modyo/cli@latest get dynamic-react-base-template

Requirements:

• Node v20+
• NPM 10.x+

cd dynamic-react-base-template;
npm i;
npm run start

Explore the code with your preferred editor to understand the implementation of the design system components.

For detailed information on how to integrate React components into your project, please refer to our documentation on how to add React components to your project. (opens new window)