Logo Dynamic Framework UI

Using Dynamic with Modyo

Dynamic Framework is automatically installed when you create a new application in Modyo. To include a dynamic component in your Modyo app:

  1. Create your application: If you haven't already, create a new application in Modyo and a page within it.
  2. Add an HTML block: On your page, add a new content block.
  3. Insert your code: Inside the block, you can use the following HTML code:
      <div class="container">
  <div class="d-flex gap-4">
    <div class="card" style="width: 18rem">
      <img class="card-img-top"
        src="https://cloud.modyocdn.com/uploads/c1eb380f-8204-4ef2-b119-cb8c3d415cb7/original/example_2.jpg"
        alt="">
      <div class="card-body">
        <h5 class="card-title">Card title</h5>
        <p class="card-text mb-4">
          Some quick example text to build on the card title and make up the bulk of
          the card's content.
        </p>
        <a href="#" class="btn btn-primary">Go somewhere</a>
      </div>
    </div>
  </div>
</div>
    

This code will display a card component ready to use. Find more components in our component catalog.