Logo Dynamic Framework UI

Getting Started

The Dynamic Framework can be adapted to your project needs and requirements, to match all scenarios it can be installed a few different ways.

Using Dynamic Framework on Modyo

If you create a new app on Modyo using the Dynamic Minimal Theme, Dynamic framework is already installed on your web app. Learn how to start customizing your UI

Include via CDN

To start using HTML widgets from the Dynamic Framework on your website, you can easily integrate the necessary resources via a Content Delivery Network (CDN). This method ensures that your website can access the framework’s CSS and JavaScript files without needing to host them locally.

Include CSS Styles:

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

Include JavaScript (if necessary):

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

Once the dynamic framework is installed on an HTML document you can start using it on your website, visit our documentation to see further details on how to customize widgets and components.

Install via package manager

If you're creating CLI widgets and need to build a React-based project, 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
      
    

Use a code editor to explore the code and examine how the different components of the design system are used.

Visit our documentation to see further details on how to add react components to your project.