Wednesday, May 18th, 2022

Divi Product Highlight: Ultimate Divi Modules UI Bundle

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

In this article, we will look at the Ultimate Divi Modules UI Bundle. We’ll take a 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 some examples to see what’s involved.

Uploading the Ultimate Divi Module UI Bundle Layout

Style layouts are JSON files that you will upload to your Divi library. You can upload them as individual layouts, as layout packs, or in sets of 10.

Uploading the Ultimate Divi Module UI Bundle Layout

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 the Ultimate Divi Module UI Bundle Layout

Styled elements are displayed in the same layout. You can load them into your pages and then remove what you don’t want from any page or post, save them as different layouts, etc.

Ultimate Div Module UI Bundle Page Layout

There are over 2000 elements in this bundle. These elements are used within 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 available. You will also see many elements throughout the pages. First, we’ll look at a few pages.

Contact us

Contact us

There are 50 Contact Us page layouts to choose from.

Contact us

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

Contact us

The first code module includes CSS.

Contact us

The second code module contains the code for Google Maps.

Contact us

This creates a clean page design.

service description layout

service description layout

It has 20 service detail layouts.

service description layout

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

service description layout

The code module includes custom CSS.

service description layout

Here is the full page on the front end. This includes blurb and hover animations for buttons.

Ultimate Divi Module UI Bundle Section Styles

Next, we’ll take a look at some of the sections. Many include multiple modules to form 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 created with the text and blurb modules. Some are placed in an alternate layout while others are stacked.

Timeline Section Styles

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

Business Hours Section Styles

Business Hours Section Styles

There are 17 business hours designs. They are made with text module. Some include pictures. Many involve CSS.

Business Hours Section Styles

Here are some examples of business hours layouts. They can take up the entire width of the layout or only 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 the shape for the image.

Blob Section Styles

Blob Section Styles

There are 22 droplet sizes. These are image modules with customization to create blob-style shapes for images. This is one of my favorite ingredients.

Food Menu Section Styles

Food Menu Section Styles

30 food menus created with blurb module and custom CSS. Some include images, dividers, or buttons.

Food Menu Section Styles

Here are some examples of food menus. They include different columns and layouts within a column.

Step Section Styles

Step Section Styles

There are 23 stages styles. These are used to show numbered steps for any kind of progress such as how-tos, process of work, etc. These are designed with blurbs and CSS. Many of them include hover animations.

Step Section Styles

Here are some examples with style icons and text.

interactive banner

interactive banner

There are 15 interactive banners created 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 the one in the bottom row in this example.

CTA

CTA

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

logo grid

logo grid

There are three 24 logo grids. They are built with the Image module and custom CSS. Many of them have hover animations that blur other logos, zoom, etc. These are great for showing logos of companies and products.

Feature Styles

Feature Styles

There are three 35 feature styles. They are created within a multi-column layout using blurbs, images, contact forms, etc.

Feature Styles

Features include hover animations. These examples include multiple columns and elements. They are great for showing off product features, business services, benefits, and more.

Ultimate Divi Module UI Bundle Layout Pack

Ultimate Divi Module UI Bundle Layout Pack

Lastly, we will look at some layout packs. Includes 11 layout packs. Each consists of a lot of page files with multiple options for each. Many have theme builder files. We will look at some layouts.

Ultimate Divi Module UI Bundle Fitness & Gym

Ultimate Divi Module UI Bundle Fitness & Gym

First, we will look at the fitness and gym layout pack. This adds 16 layouts to the Divi library.

Ultimate Divi Module UI Bundle Fitness & Gym

It also adds 10 layouts to the theme builder.

Ultimate Divi Module UI Bundle Fitness & Gym

Here the home page is part of the wireframe view.

Ultimate Divi Module UI Bundle Fitness & Gym

Here is the published view of the full page. It includes a lot of hover animations. This view shows the header and footer from the theme builder. The colors totally work with the style.

Ultimate Divi Module UI Bundle Fitness & Gym

This is a blog layout built into the theme builder. This includes a header, featured images, stylized text, a stylized person module with social media follow buttons, a sidebar, and more.

Ultimate Divi Module UI Bundle Restaurant & Cafe

Ultimate Divi Module UI Bundle Restaurant & Cafe

Second on our list is the Restaurant & Cafe Layout Pack. There are 19 layouts included in this layout pack. It does not include layouts for the theme builder.

Ultimate Divi Module UI Bundle Restaurant & Cafe

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

Ultimate Divi Module UI Bundle Church and Charity

Ultimate Divi Module UI Bundle Church and Charity

Third, the Church and Charity Layout Pack adds 17 layouts to the Divi Library.

Ultimate Divi Module UI Bundle Church and Charity

It also includes 7 layouts to import into the theme builder.

Ultimate Divi Module UI Bundle Church and Charity

This is the home page. It focuses on charities and non-profit organizations. It consists of 13 sections and CSS. Sections include a full-width slider, blurb for CTAs, CTAs with bar counters, donations, information, team members, events, testimonials, blog posts, projects, and more. Some elements include hover animations.

Ultimate Divi Module UI Bundle Church and Charity

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

Ultimate Divi Module UI Bundle Lawyers & Law Firms

Ultimate Divi Module UI Bundle Lawyers & Law Firms

The fourth layout pack we’ll look at is the Lawyers and Law Firms Layout Pack, which adds 11 layouts to the Divi library.

Ultimate Divi Module UI Bundle Lawyers & Law Firms

It also includes 10 theme builder layouts.

Ultimate Divi Module UI Bundle Lawyers & Law Firms

The home page has 9 sections with CTA, blurb for services, person module, blog, contact form and information, newsletter subscription form, etc. Many 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 style.

Buy the Ultimate Divi Module UI Bundle

Buy the Ultimate Divi Module UI Bundle

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

thought out

This is our take on the Ultimate Divi Modules UI Bundle. I’ve only scratched the surface of the layout and design that comes with this bundle. It definitely saves time in developing websites. With over 2000 styles, with more being added regularly, there are more than enough sections and pages to meet most design needs. It lives up to its last name. Since they are built with Divi Builder, the layouts can be modified easily. The included CSS makes sure they are unique.

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

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

Featured Image via ChingizD / Shutterstock.com

Source link