Divi Product Highlight: Ultimate Divi Modules UI Bundle

>>> Shared from Original Post Elegant Themes Blog

Ultimate Divi Modules UI Bundle is a third-party bundle for Divi that includes lots of modules and extras. It includes 11 layout packs and over 2000 styles, and more on the way. The styles include pre-styled modules and multiple modules combined to create specific elements such as food menus. Since they’re Divi layouts, you can modify them, change their colors and fonts, combine them, and more.

In this article, we’ll look at Ultimate Divi Modules UI Bundle. We’ll look at its features and see what it can do to help you decide if it’s the right Divi plugin for your needs. There are too many to cover them all, so we’ll look at a few examples to get an idea of what’s included.

Uploading Ultimate Divi Modules UI Bundle Layouts

Uploading Ultimate Divi Modules UI Bundle Layouts

The styled layouts are JSON files that you’ll upload to your Divi Library. You can upload them as individual layouts, as layout packs, or in sets of 10.

Uploading Ultimate Divi Modules UI Bundle Layouts

The layouts will then appear in your Divi Library where you can use them in your pages and posts. For Theme Builder files, you can load them directly into the Theme Builder and the layouts will be assigned automatically.

Uploading Ultimate Divi Modules UI Bundle Layouts

The styled elements display within the same layout. You can load them into your pages and then delete what you don’t want from any page or post, save them as individual layouts, etc.

Ultimate Divi Modules UI Bundle Page Layouts

This bundle has over 2000 elements. These elements are used within the layout packs, within pages, and as stand-alone elements that you can add to any page or post. We’ll look at a sample of the elements to get an idea of the types of designs that are available. You’ll also see several of the elements in the complete pages. First, we’ll look at a few of the pages.

Contact Us Layouts

Contact Us Layouts

There are 50 Contact Us page layouts to choose from.

Contact Us Layouts

This is layout #50. It includes a header, a two-column section with text, blurbs, a contact form, and code, and a full-width section with a code module.

Contact Us Layouts

The first code module includes CSS.

Contact Us Layouts

The second code module contains the code for a Google map.

Contact Us Layouts

It creates a clean page design.

Service Detail Layouts

Service Detail Layouts

It has 20 Service Detail Layouts.

Service Detail Layouts

This is the top part of style #20. This page has multiple sections with text, buttons, sliders, circle counters, images, blurbs, testimonials, and code.

Service Detail Layouts

The code module contains custom CSS.

Service Detail Layouts

Here’s the complete page on the front end. It includes hover animations for the blurbs and buttons.

Ultimate Divi Modules UI Bundle Section Styles

Next, we’ll take a look at a few of the sections. Many include multiple modules to create an element, and they include multiple versions of those elements.

Timeline Section Styles

Timeline Section Styles

It currently includes 94 timeline styles. This example shows styles 81-90. Most of these timelines are made with text and blurb modules. Some are placed in an alternating layout while others are stacked.

Timeline Section Styles

Here are a few of the styles. They use icons and layouts in different ways to create unique timelines. This is one of the more interesting elements because it’s useful and different from what we normally see in Divi layouts.

Business Hours Section Styles

Business Hours Section Styles

There are 17 business hours designs. They’re made with text modules. Some include images. Many include CSS.

Business Hours Section Styles

Here are a few examples of the business hours layouts. They can take the full width of the layout or just a small portion of the screen.

Clipping Mask Section Styles

Clipping Mask Section Styles

There are 26 clipping mask styles. These are image modules with CSS to create shapes for the images.

Blob Section Styles

Blob Section Styles

There are 22 blob shapes. These are image modules with customizations to create blob-style shapes for the images. This is one of my favorite elements.

Food Menu Section Styles

Food Menu Section Styles

There are 30 food menus built with blurb modules and custom CSS. Some include images, dividers, or buttons.

Food Menu Section Styles

Here are a few examples of the food menus. They include different columns and layouts within the columns.

Steps Section Styles

Steps Section Styles

There are 23 steps styles. These are used to show numbered steps for any type of progression such as how-tos, the process of work, etc. They’re designed with blurbs and CSS. Many of them include hover animations.

Steps Section Styles

Here are a few examples with styled icons and text.

Interactive Banner

Interactive Banner

There are 15 interactive banners made with images and blurbs. They include hover animations to reveal text, images, etc. These are ideal for services, information, sales, etc. I’m hovering over one in the bottom row in this example.

CTAs

CTA

There are 16 CTAs. They’re made with CTA modules and include parallax, full-width, block style, etc. This example shows a couple of full-width CTAs with parallax backgrounds, one with two CTAs, and a CTA with an image on one side and information on the other.

Logo Grid

Logo Grid

Three are 24 logo grids. They’re made with image modules and custom CSS. Many of them have hover animations that blur the other logos, zoom, etc. These are great for showing logos of companies and products.

Feature Styles

Feature Styles

Three are 35 feature styles. They’re made within multi-column layouts using blurbs, images, contact forms, etc.

Feature Styles

The features include hover animations. These examples include multiple columns and elements. They’re great for showing product features, business services, benefits, etc.

Ultimate Divi Modules UI Bundle Layout Packs

Ultimate Divi Modules UI Bundle Layout Packs

Finally, we’ll look at a few of the layout packs. 11 layout packs are included. Each has lots of page files with multiple options for each. Several have Theme Builder files. We’ll look at a few of the layouts.

Ultimate Divi Modules UI Bundle Fitness and Gym

Ultimate Divi Modules UI Bundle Fitness and Gym

First, we’ll look at the fitness and gym layout pack. This one adds 16 layouts to the Divi Library.

Ultimate Divi Modules UI Bundle Fitness and Gym

It also adds 10 layouts for the Theme Builder.

Ultimate Divi Modules UI Bundle Fitness and Gym

Here’s part of the home page wireframe view.

Ultimate Divi Modules UI Bundle Fitness and Gym

Here’s the published view of the entire page. It includes lots of hover animations. This view shows the header and footer from the Theme Builder. The colors work perfectly with the genre.

Ultimate Divi Modules UI Bundle Fitness and Gym

This is the blog layout created in the Theme Builder. It includes a header, the featured image, styled text, a styled person module with social media follow buttons, a sidebar, etc.

Ultimate Divi Modules UI Bundle Restaurant and Cafe

Ultimate Divi Modules UI Bundle Restaurant and Cafe

The second on our list is the restaurant and café layout pack. This layout pack includes 19 layouts. This one does not include layouts for the Theme Builder.

Ultimate Divi Modules UI Bundle Restaurant and Cafe

Here’s a look at the home page. It has 14 sections that include multiple CTAs, blurbs, food menus, counters, blog posts, testimonials, a contact form to book a table, and more. It would also work well for a food magazine or blog.

Ultimate Divi Modules UI Bundle Church and Charity

Ultimate Divi Modules UI Bundle Church and Charity

Thirdly, the Church and Charity layout pack adds 17 layouts to the Divi Library.

Ultimate Divi Modules UI Bundle Church and Charity

It also includes 7 layouts to import into the Theme Builder.

Ultimate Divi Modules UI Bundle Church and Charity

This is the home page. It focuses on charity and non-profit organizations. It includes 13 sections and CSS. Sections include a fullwidth slider, blurbs for CTAs, CTAs with a bar counter, donations, information, team members, events, testimonials, blog posts, projects, and more. Some of the elements include hover animations.

Ultimate Divi Modules UI Bundle Church and Charity

The blog layout adds a styled author box to the sidebar, a contact CTA, bio, post navigation, related posts, etc.

Ultimate Divi Modules UI Bundle Lawyer and Law Firm

Ultimate Divi Modules UI Bundle Lawyer and Law Firm

The fourth layout pack we’ll look at is the Lawyer and Law Firm layout pack, which adds 11 layouts to the Divi Library.

Ultimate Divi Modules UI Bundle Lawyer and Law Firm

It also includes 10 Theme Builder layouts.

Ultimate Divi Modules UI Bundle Lawyer and Law Firm

The home page has 9 sections with CTAs, blurbs for services, person modules, blog, contact form and information, newsletter subscription form, etc. Many of the elements include hover animations. This example shows the header and footer from the Theme Builder. This page also includes custom CSS. The colors work great for the genre.

Purchase Ultimate Divi Modules UI Bundle

Purchase Ultimate Divi Modules UI Bundle

Ultimate Divi Modules UI Bundle is available in the Divi Marketplace. Its regular price is $149 and includes unlimited website usage and lifetime updates.

Ending Thoughts

That’s our look at Ultimate Divi Modules UI Bundle. I’ve only scratched the surface of the layouts and designs that come with this bundle. It definitely saves time in developing websites. With over 2000 styles, and more added regularly, there are more than enough sections and pages to satisfy most design needs. It does live up to its Ultimate name. Since they’re made with the Divi Builder, the layouts can easily be modified. The included CSS ensures they’re unique.

If you’re looking for a Divi design bundle that can save time on every page of your website, Ultimate Divi Modules UI Bundle is worth a look.

Have you tried Ultimate Divi Modules UI Bundle? Let us know what you think about it in the comments.

Featured Image via ChingizDs / shutterstock.com

The post Divi Product Highlight: Ultimate Divi Modules UI Bundle appeared first on Elegant Themes Blog.

>>> Read the Full Story at Elegant Themes Blog