The Final Divi Module UI Package is a Divi Marketplace product that gives 2000+ premade layouts to make designing your next Divi website online a breeze. The product supplies about us sections, pricing table varieties, contact form layouts, button varieties, and even some one-page website online layouts that can be completely customized. In this product highlight, we’ll take a greater take a look at The Ultimate Divi Module UI Package deal and have the same opinion making a decision if it’s the proper product for your next enterprise.

Let’s get started!

Putting in place The Ultimate Divi Module UI Package deal

The Ultimate Divi Module UI Package deal comes as a ZIP record containing Divi Library .json files. To place within the layouts, get began by way of unzipping the record. Then, open your WordPress dashboard and navigate to the Divi Library internet web page.

Click on on Import & Export at the best, then choose the import tab. Select the layout record, then choose Import Divi Builder Layouts.

As quickly because the layout has been imported, open your internet web page throughout the Divi Builder. Click on at the blue plus icon in an effort to upload a brand spanking new segment, then choose Add From Library.

In finding your layout, then click on at the Use This Section button to load the layout.

The Ultimate Divi Module UI Package deal

The Ultimate Divi Module UI Package deal comes with over 2000 layouts, so we gained’t be able to quilt everything. We’ll take a look at a few designs from each elegance so that you can get a better considered what this product has to provide and whether or not or no longer it’s the proper gain for you.

Tab Modules

There are 400 different tab module varieties, with 100 bottom tab varieties, 100 default tab varieties, 100 horizontal tab varieties, and 100 vertical tab varieties. All of the tab modules serve as hover animation on the tab titles and a tab transition have an effect on. I’ll show you a couple of examples of each style of tabs.

Listed here are bottom tab varieties 1 and 79.

This is style 9 and 38 throughout the default tab layout.

Next is the vertical right kind layout, with varieties 14 and 52. This layout is classified Horizontal throughout the product files.

In spite of everything, that’s the vertical left layout, classified Vertical throughout the product files. This is style 71 and style 95.

There are a wide variety of sorts and layouts to choose from, and the tabs can all be merely customized with your own content material subject matter and design possible choices.

Blurb Modules

There are 100 blurb varieties in general. Each and every blurb style choices some type of hover have an effect on. Let’s take a look at a few in detail.

This is blurb style 4. On hover, the two crimson bars turn vertical, the icon background turns crimson, and there’s a crimson shadow border.

Blurb style 9 has two background bars that shift colors and angles on hover. The icon background moreover changes on hover.

Blurb 40 features a thick green border and an icon that flips on hover.

In spite of everything, blurb style 50 changes to red on hover, and the tab at the best with the icon shifts to the proper.

Specific individual Modules

There are 150 different explicit individual module varieties.

Specific individual module style 7 has a green color scheme and social media icons that switch up proper right into a grid formation over a green overlay on hover.

Style 34 choices the name and position with an orange border. On hover, the tips moves up and over the {photograph}, and social media icons are published.

This is layout 46. It choices the name and position on a white box underneath the {photograph}. On hover, the sector expands to show social media icons.

Construction 127 has a simple image layout. On hover, the name, position, and social media icons are published.

Blog Modules

There are 100 blog modules in general, with 50 grid view varieties and 50 record view varieties. Let’s take a look at a couple of each style.

Grid layout 3 choices the submit image and details on a card with the date on a tab at the best. On hover, a be informed additional button is outlined and an overlay with an icon turns out over the image.

Grid layout 40 features a card with submit wisdom and a be informed additional button masking the featured image. On hover, a dark overlay turns out over the image.

Document view layout 7 choices the submit wisdom and a be informed additional button on a card with the image on the left. The date is in a blue box over the image.

Document view layout 18 features a darker layout with an image on the left and submit wisdom at the correct. On hover, the card moves up slightly and the image expands.

About Us Sections

There are 100 about us segment designs.

This is layout style 7. It choices some text on the left, at the side of some choices marked with icons. There’s a marginally us button underneath this, and an image at the correct.

This full-width segment choices some text at the best, a CTA button, 3 amount counters, and an image at the correct.

This travel layout is style 17. It choices a large image on the left and a couple of text and an icon at the correct. Beneath are 4 pictures that enlarge on hover and open up in a lightbox when determined on.

Style 61 choices some text on the left, 3 choices highlighted with a checkmark icon, and an image throughout the center. At the correct, you’ll find a yellow box with hours and a button to lead an appointment.

Pricing Modules

There are 150 pricing module varieties in general.

Pricing module style 3 uses a black and green color scheme. On hover, the pricing box expands and the header turns green.

This is pricing module 29. On hover, a red arrow turns out to the proper of the price, and the tier title is highlighted in red.

Pricing module style 66 features a header that turns red on hover.

Construction 72 features a gradient background.

Testimonial Modules

There are 75 different testimonial module varieties that come with the UI Package deal. Listed here are a few.

This is testimonial layout 5. It choices an orange border and a quote icon at the best, followed by way of the profile image, testimonial, name, and job wisdom.

Construction 33 features a card containing the testimonial, name, position, and an image on the left side. On hover, the card is outlined in green, the name font turns green, and the image flips.

Construction 71 choices an image on the left over a large image background. At the correct is a testimonial slider inside of a quote box.

Contact Form Sections

There are 100 contact form sections to choose from. Listed here are only a few.

Construction 1 is a straightforward design with some text on the left, contact wisdom with some icons, social media icons, and a marginally form with a blue button.

Construction 29 choices a large map at the best, followed by way of the handle, phone, and email wisdom on the left. At the correct is a marginally form.

Contact segment layout 41 choices an image with a yellow overlay. There could also be text on the left with a CTA button record a phone amount. The contact form is at the correct, over a white overlay.

Construction 75 choices 3 containers with contact wisdom and yellow icons. Beneath that’s the contact form, with a yellow button. This is on an image background that is fading into white.

Newsletter Sections

There are 25 newsletter signup sections.

Style 2 choices some heading text and an email sign-up form on a parallax image background.

Style 5 has an image on the left and a couple of heading text at the correct, followed by way of a sign-up form.

This is newsletter layout 15. It choices some heading text on the left, followed by way of a sign-up form and a couple of social media links. There’s a round image at the correct.

Construction 20 is a card-style design, with two card-style pictures on each side and the sign-up form on a card throughout the heart. There could also be an icon at the best, followed by way of a heading text and the form. At the bottom is a small disclaimer text with an icon.

Accordion Modules

There are 40 accordion varieties in general.

Style 2 features a green title and the accordion content material subject matter in a grey box. The button for each tab is at the correct.

Accordion style 8 uses orange tabs and white content material subject matter containers. There are black arrows that point to the open tab.

Accordion style 14 features a rounded style tab with a white content material subject matter segment.

In spite of everything, style 36 choices red icons with each tab and has a red border underlining the energetic tab.

Slider Modules

The Ultimate Divi Module UI Package deal comes with 100 slider module varieties.

Slider 2 choices some massive heading text and a CTA button over a large parallax image with a dark overlay.

Slider style 31 moreover choices heading text and a CTA button on an image with a dark overlay. There’s a red circle in the back of the heading text.

Slider 72 is additional content-heavy, with a slider that changes the text content material subject matter at the best and a CTA button underneath. There are 3 content material subject matter containers underneath this with an icon and a couple of description text.

In spite of everything, slide layout 86 choices some text content material subject matter on the left that changes each slide, along with two CTA buttons. There’s a video at the correct, followed by way of another CTA button.

Timeline Sections

There are 100 different timeline varieties to choose from.

Timeline style 4 choices enjoying playing cards with an icon and text for each step of the timeline.

Next, timeline 12 has the timeline icon on one side and the timeline description text on the other side.

Timeline style 32 features a dotted line with icons for each step. The description text is contained inside of a box that problems to the corresponding icon.

Timeline 91 is a straightforward layout with icons throughout the center and timeline description text on each side.

One Internet web page Layouts

The UI Package deal moreover comes with 42 different one-page website online layouts that quilt a wide variety of industries and use cases. We’ll merely take a look at a couple of them.

That’s the travel and tourism layout. It begins with a secondary menu bar record the logo, handle, hours, and make contact with wisdom. The principle menu bar has menu items and a button to log in or take a look at in. The heading is a big image with some text and a CTA button. This is followed by way of some numbered sections with pictures and text that describe travel places. There are some amount counter modules throughout the segment with a yellow background, and the next segment choices some modules with icons.

Beneath is a testimonial slider, followed by way of a pricing table. Next is a group of workers segment with social media links, followed by way of somewhat with text and company logos, and then another segment with some text and icons. The footer choices some about text, contact wisdom, and a marginally form.

That’s the startup corporate layout. It features a menu bar with a symbol, menu items, and a CTA button. The header choices some text, a sign at the correct, and two CTA buttons. Beneath are some company logos and three choices highlighted with some icons. A CTA segment follows this with two buttons, then a group of workers segment with pictures and social media icons. After this are two sections with some text, illustrations, and a couple of choices remarkable with checkmarks.

Next are some shopper evaluations, then another choices segment with icons and description text. There’s a pricing table, an FAQ segment, another CTA segment with a sign, and a couple of fresh posts.

In spite of everything, there’s a marginally form and a few different box with contact wisdom and social media links over a large map, followed by way of the footer with a symbol, social media links, menu items, and make contact with wisdom.

Portfolio Modules

There are an entire of 120 portfolio varieties – 40 default portfolio module varieties, 40 filterable portfolio varieties, and 40 carousel portfolio varieties. Let’s take a look at a couple of each style.

The principle default portfolio module features a simple grid layout and an overlay that appears over the images that serve as two green border bars, the title, and the year.

Portfolio layout 29 uses a an identical grid layout and features an overlay that appears on hover with a crimson arrow and the enterprise title and year.

The filterable portfolio layout 2 choices an orange filter bar at the best along with a black navigation bar at the bottom. On hover, a dark overlay turns out with the title and the year of the enterprise.

Filterable portfolio layout 14 features a filter bar with blue buttons and a black navigation bar at the bottom. On hover, a blue overlay is outlined and the title and date are contained inside of a white border.

Carousel portfolio layout 7 choices two blue arrows on each side to navigate. On hover, there’s a blue-shaped overlay and the enterprise wisdom.

Carousel layout 11 choices orange arrows for navigation and an orange slide containing the enterprise wisdom that is published on hover.

Footer Sections

There are 100 footer sections that come with the UI bundle.

Footer layout 3 choices the contact wisdom at the very best with some massive icons. You’ll to seek out some about text, social media icons, menu links, and hours. There’s a secondary footer bar at the bottom containing copyright wisdom and a link to the words and necessities.

This is footer layout 26. It has two modules at the best with massive icons, followed by way of a marginally form and make contact with wisdom. At the bottom are some links, followed by way of copyright wisdom.

Footer 43 has an email sign-up form at the very best. There are a selection of columns for menu items, some contact wisdom, charge logos, and copyright wisdom.

Footer style 84 has a background image with a dark overlay. The emblem is on the left, at the side of social media icons. There are a selection of menu items, then a newsletter sign-up form. The contact wisdom is listed on the very right kind, and finally, the copyright wisdom is at the very bottom.

Bar Counter Modules

There are 50 different bar counter varieties to choose from.

Style 3 choices blue bar traces with a black percentage indicator.

Style 13 features a title on the very left and the percentage is highlighted with a darker red background at the end of the bar.

Bar counter style 32 has a rounded design with a reputation on the left and the percentage all the way through the bar.

In spite of everything, layout 37 has a reputation above the bar, rounded ends, and a rounded segment at the end of each bar that incorporates the percentage.

Box Knowledge Sections

There are 50 box information varieties.

Box information segment layout 2 choices an image with a white border, blue heading text, description text, and a CTA button. The shadow around the box strengthens on hover.

Style 6 choices an image with rounded corners, an icon, two heading text varieties, and a be informed additional button. On hover, the sector shifts up.

Box style 11 choices an icon at the best over a large image and a card with the heading and body text. On hover, a dark overlay turns out over the {photograph}, the bottom border color changes to black, and a plus button turns out.

Construction 47 choices an image, an icon, and text. On hover, a black overlay and white border are published over the image and the image zooms in at a slight viewpoint. The icon container turns down and the background changes to black. In spite of everything, the text background turns orange.

Talent Sections

There are an entire of 50 skill sections.

Talent segment layout 7 choices a large image at the correct and a couple of text, a skill bar, and amount counters on the left.

Talent segment 17 choices text, a skill bar, and two blurb sections with icons on the left. At the correct are two pictures.

Talent layout 21 choices an image, some text, and a button on the left. At the correct are two additional text sections, followed by way of the skill bar.

This is layout 38. It choices an image with an masking text box on the left. At the correct, you’ll to seek out some heading text, body text, and skill bars with arrows.

Buttons

In spite of everything, there are 150 general button varieties, with 100 not unusual button varieties and 25 dual button varieties.

This is not unusual button style 30. On hover, a crimson background turns out and the text color changes to white.

Not unusual button style 116 features a small crimson box that expands on hover to fill the background of the button. The text moreover changes to crimson on hover.

Dual button style 3 features a bar that moves to the easiest or bottom on hover.

Dual button style 7 features a dark background that moves down on hover and turns right into a bottom border. An icon could also be published on hover.

Gain The Ultimate Divi Module UI Package deal

The Ultimate Divi Module UI Package deal is available throughout the Divi Market. It costs $49.59 for endless website online usage and lifetime updates. The price moreover includes a 30-day money-back be certain.

Final Concepts

The Ultimate Divi Module UI Package deal comes with a very good collection of layouts with a wide variety of sorts and use cases. The whole lot is customizable with Divi’s possible choices, and any of the layouts may also be modified to fit the design of your next enterprise. When you’re searching for an extensive layout pack that will let you save time together with your next design, this product might be right for you. We might in reality like to hear from you! Have you ever ever tried The Ultimate Divi Module UI Package deal? Let us know what you think about it throughout the comments!

The submit Divi Product Spotlight: The Final Divi Module UI Package gave the impression first on Chic Issues Weblog.

WordPress Web Design

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more