Final Divi Modules UI Bundle is a third-party bundle for Divi that features plenty of modules and extras. It consists of 11 structure packs and over 2000 kinds, and extra on the best way. The kinds embody pre-styled modules and a number of modules mixed to create particular parts comparable to meals menus. Since they’re Divi layouts, you possibly can modify them, change their colours and fonts, mix them, and extra.
On this article, we’ll take a look at Final Divi Modules UI Bundle. We’ll take a look at its options and see what it may well do that will help you resolve if it’s the correct Divi plugin to your wants. There are too many to cowl all of them, so we’ll take a look at a couple of examples to get an concept of what’s included.
Importing Final Divi Modules UI Bundle Layouts
The styled layouts are JSON information that you just’ll add to your Divi Library. You may add them as particular person layouts, as structure packs, or in units of 10.
The layouts will then seem in your Divi Library the place you should use them in your pages and posts. For Theme Builder information, you possibly can load them immediately into the Theme Builder and the layouts shall be assigned mechanically.
The styled parts show throughout the similar structure. You may load them into your pages after which delete what you don’t need from any web page or put up, save them as particular person layouts, and so on.
Final Divi Modules UI Bundle Web page Layouts
This bundle has over 2000 parts. These parts are used throughout the structure packs, inside pages, and as stand-alone parts you could add to any web page or put up. We’ll take a look at a pattern of the weather to get an concept of the kinds of designs which might be out there. You’ll additionally see a number of of the weather within the full pages. First, we’ll take a look at a couple of of the pages.
Contact Us Layouts
There are 50 Contact Us web page layouts to select from.
That is structure #50. It features a header, a two-column part with textual content, blurbs, a contact kind, and code, and a full-width part with a code module.
The primary code module consists of CSS.
The second code module accommodates the code for a Google map.
It creates a clear web page design.
Service Element Layouts
It has 20 Service Element Layouts.
That is the highest a part of model #20. This web page has a number of sections with textual content, buttons, sliders, circle counters, photos, blurbs, testimonials, and code.
The code module accommodates customized CSS.
Right here’s the entire web page on the entrance finish. It consists of hover animations for the blurbs and buttons.
Final Divi Modules UI Bundle Part Kinds
Subsequent, we’ll check out a couple of of the sections. Many embody a number of modules to create a component, they usually embody a number of variations of these parts.
Timeline Part Kinds
It at present consists of 94 timeline kinds. This instance exhibits kinds 81-90. Most of those timelines are made with textual content and blurb modules. Some are positioned in an alternating structure whereas others are stacked.
Listed below are a couple of of the kinds. They use icons and layouts in several methods to create distinctive timelines. This is among the extra attention-grabbing parts as a result of it’s helpful and completely different from what we usually see in Divi layouts.
Enterprise Hours Part Kinds
There are 17 enterprise hours designs. They’re made with textual content modules. Some embody photos. Many embody CSS.
Listed below are a couple of examples of the enterprise hours layouts. They’ll take the total width of the structure or only a small portion of the display.
Clipping Masks Part Kinds
There are 26 clipping masks kinds. These are picture modules with CSS to create shapes for the pictures.
Blob Part Kinds
There are 22 blob shapes. These are picture modules with customizations to create blob-style shapes for the pictures. That is one in every of my favourite parts.
Meals Menu Part Kinds
There are 30 meals menus constructed with blurb modules and customized CSS. Some embody photos, dividers, or buttons.
Listed below are a couple of examples of the meals menus. They embody completely different columns and layouts throughout the columns.
Steps Part Kinds
There are 23 steps kinds. These are used to point out numbered steps for any sort of development comparable to how-tos, the method of labor, and so on. They’re designed with blurbs and CSS. Lots of them embody hover animations.
Listed below are a couple of examples with styled icons and textual content.
Interactive Banner
There are 15 interactive banners made with photos and blurbs. They embody hover animations to disclose textual content, photos, and so on. These are perfect for companies, info, gross sales, and so on. I’m hovering over one within the backside row on this instance.
CTAs
There are 16 CTAs. They’re made with CTA modules and embody parallax, full-width, block model, and so on. This instance exhibits a few full-width CTAs with parallax backgrounds, one with two CTAs, and a CTA with a picture on one facet and knowledge on the opposite.
Brand Grid
Three are 24 emblem grids. They’re made with picture modules and customized CSS. Lots of them have hover animations that blur the opposite logos, zoom, and so on. These are nice for displaying logos of firms and merchandise.
Characteristic Kinds
Three are 35 function kinds. They’re made inside multi-column layouts utilizing blurbs, photos, contact varieties, and so on.
The options embody hover animations. These examples embody a number of columns and parts. They’re nice for displaying product options, enterprise companies, advantages, and so on.
Final Divi Modules UI Bundle Structure Packs
Lastly, we’ll take a look at a couple of of the structure packs. 11 structure packs are included. Every has plenty of web page information with a number of choices for every. A number of have Theme Builder information. We’ll take a look at a couple of of the layouts.
Final Divi Modules UI Bundle Health and Health club
First, we’ll take a look at the health and fitness center structure pack. This one provides 16 layouts to the Divi Library.
It additionally provides 10 layouts for the Theme Builder.
Right here’s a part of the house web page wireframe view.
Right here’s the revealed view of your complete web page. It consists of plenty of hover animations. This view exhibits the header and footer from the Theme Builder. The colours work completely with the style.
That is the weblog structure created within the Theme Builder. It features a header, the featured picture, styled textual content, a styled particular person module with social media comply with buttons, a sidebar, and so on.
Final Divi Modules UI Bundle Restaurant and Cafe
The second on our checklist is the restaurant and café structure pack. This structure pack consists of 19 layouts. This one doesn’t embody layouts for the Theme Builder.
Right here’s a take a look at the house web page. It has 14 sections that embody a number of CTAs, blurbs, meals menus, counters, weblog posts, testimonials, a contact kind to e-book a desk, and extra. It could additionally work effectively for a meals journal or weblog.
Final Divi Modules UI Bundle Church and Charity
Thirdly, the Church and Charity structure pack provides 17 layouts to the Divi Library.
It additionally consists of 7 layouts to import into the Theme Builder.
That is the house web page. It focuses on charity and non-profit organizations. It consists of 13 sections and CSS. Sections embody a fullwidth slider, blurbs for CTAs, CTAs with a bar counter, donations, info, group members, occasions, testimonials, weblog posts, tasks, and extra. A number of the parts embody hover animations.
The weblog structure provides a styled creator field to the sidebar, a contact CTA, bio, put up navigation, associated posts, and so on.
Final Divi Modules UI Bundle Lawyer and Legislation Agency
The fourth structure pack we’ll take a look at is the Lawyer and Legislation Agency structure pack, which provides 11 layouts to the Divi Library.
It additionally consists of 10 Theme Builder layouts.
The house web page has 9 sections with CTAs, blurbs for companies, particular person modules, weblog, contact kind and knowledge, publication subscription kind, and so on. Most of the parts embody hover animations. This instance exhibits the header and footer from the Theme Builder. This web page additionally consists of customized CSS. The colours work nice for the style.
Buy Final Divi Modules UI Bundle
Final Divi Modules UI Bundle is out there within the Divi Market. Its common worth is $149 and consists of limitless web site utilization and lifelong updates.
Ending Ideas
That’s our take a look at Final Divi Modules UI Bundle. I’ve solely scratched the floor of the layouts and designs that include this bundle. It undoubtedly saves time in creating web sites. With over 2000 kinds, and extra added commonly, there are greater than sufficient sections and pages to fulfill most design wants. It does reside as much as its Final identify. Since they’re made with the Divi Builder, the layouts can simply be modified. The included CSS ensures they’re distinctive.
In the event you’re in search of a Divi design bundle that may save time on each web page of your web site, Final Divi Modules UI Bundle is price a glance.
Have you ever tried Final Divi Modules UI Bundle? Tell us what you consider it within the feedback.
Featured Picture by way of ChingizDs / shutterstock.com
The put up Divi Product Spotlight: Final Divi Modules UI Bundle appeared first on Elegant Themes Weblog.