Elements

(Dynamic)


Dynamic elements automatically pull content in from other places (like a feed of blog posts).

In many cases, you can use CSS classes like .bg-dark, .larger or .invert to quickly modify the appearance of many of these sections. To learn more about available classes, visit your Style Guide.

Looking for more elements?
Visit your static elements library.

⚡️ Quick Tip

How to use classes in the page builder

All page builder elements, from rows, to columns, to modules, allow you to assign custom CSS classes to manipulate their appearance in a predefined way. We have indicated when this is the case with any of the elements below.

To assign a class to an element:

  1. Open the Row, Column, or Module settings.
  2. Click the "Advanced" tab.
  3. Scroll to the bottom.
  4. Enter your desired class in the "Classes" field. (To add multiple classes, separate them with a space.)
  5. Hit "Save"

Bonus: You can add the class invert to any element to create inverted text (like this!)

Click to open larger.

List Feeds

Dynamic - List - Featured

Tip: You can also use these items as one-offs (displayed without a feed) to highlight just one piece of content.

Sorry, we couldn't find any posts. Please try a different search.

Dynamic - Simple List w/ Image

Tip: Use this as a base for creating your own feed item layouts. This one is useful for meta-heavy results.

Sorry, we couldn't find any posts. Please try a different search.

Dynamic - Complex List

Tip: Use this as a base for creating your own feed item layouts. This one is useful for meta-heavy results.

Sorry, we couldn't find any posts. Please try a different search.

Dynamic - Complex List w/ Image

Tip: Use this as a base for creating your own feed item layouts. This one is useful for meta-heavy results.

Sorry, we couldn't find any posts. Please try a different search.

Grid Feeds

Dynamic - Simple Grid

Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.

Sorry, we couldn't find any posts. Please try a different search.

Dynamic - Case Study Logo Grid

Customers

Trusted By Enterprise Customers

Dynamic - Complex Grid

Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.

Sorry, we couldn't find any posts. Please try a different search.

How GE Vernova Streamlines DevOps to Accelerate the Transition to a New Era of Energy

GE Vernova’s technology powers approximately 25% of the world’s electricity. To enhance the reliability and performance of its power generation equipment, the Monitoring and Diagnostic (M&D) team integrates Digital.ai’s solutions.

Learn More

Grass Valley Slashes Application Piracy, Increasing Revenue, Innovation, and Trust

Read how this leading technology provider for the live media…

Learn More

Brazilian Bank Saves Millions, Cuts Risk by Making Mobile Apps Safer for Customers

One of Brazil’s largest financial institutions needed to strengthen their…

Learn More
Webinar
May 21, 2025 • 13:00 EDT

Scale Your Continuous Testing Capabilities with Shared Devices

Learn how Digital.ai Shared Devices help software teams scale testing on demand—without added cost or maintenance.

Learn More
Event
November 4, 2025 • EDT
Barcelona

DevOps Barcelona 2025

Join the DevOps Barcelona Conference 2025 on November 4-5 at Auditori L’illa. Experience two days of insightful talks from industry experts, covering the latest in DevOps practices and innovations.

Learn More
Event
October 14, 2025 • EDT
Leon

Enise 19: International Cybersecurity

Join the 19th International Information Security Meeting (19ENISE) from October 14-16, 2025, at the Palacio de Congresos y Exposiciones de León, Spain.

Learn More

Dynamic - Big Featured Item

Tip: This item uses the same markup (and partial) as the full bleed grids above, so you can reshape it using the height CSS classes described above. It also uses the .larger class to make the title bigger.

Sorry, we couldn't find any posts. Please try a different search.