The Ultimate Divi Module UI Kit is a Divi Market product that provides 2000+ premade layouts to make designing your subsequent Divi web page a breeze. The product provides about us sections, pricing desk types, touch shape layouts, button types, or even some one-page web page layouts that may be absolutely custom designed. On this product spotlight, we’ll take a better take a look at The Final Divi Module UI Equipment and lend a hand you make a decision if it’s the suitable product in your subsequent venture.
Let’s get began!
Putting in The Final Divi Module UI Equipment
The Final Divi Module UI Equipment comes as a ZIP report containing Divi Library .json information. To put in the layouts, get started through unzipping the report. Then, open your WordPress dashboard and navigate to the Divi Library web page.
Click on Import & Export on the most sensible, then make a selection the import tab. Make a selection the format report, then make a selection Import Divi Builder Layouts.
As soon as the format has been imported, open your web page within the Divi Builder. Click on the blue plus icon so as to add a brand new segment, then make a selection Upload From Library.
Find your format, then click on the Use This Phase button to load the format.
The Final Divi Module UI Equipment
The Final Divi Module UI Equipment comes with over 2000 layouts, so we gained’t have the ability to quilt the entirety. We’ll check out a couple of designs from each and every class with the intention to get a greater thought of what this product has to provide and whether or not it’s the suitable acquire for you.
There are 400 other tab module types, with 100 backside tab types, 100 default tab types, 100 horizontal tab types, and 100 vertical tab types. The entire tab modules function hover animation at the tab titles and a tab transition impact. I’ll display you a few examples of each and every genre of tabs.
Listed below are backside tab types 1 and 79.
That is genre 9 and 38 within the default tab format.
Subsequent is the vertical proper format, with types 14 and 52. This format is categorized Horizontal within the product information.
In any case, that is the vertical left format, categorized Vertical within the product information. That is genre 71 and magnificence 95.
There are all kinds of types and layouts to make a choice from, and the tabs can all be simply custom designed with your individual content material and design choices.
There are 100 blurb types in overall. Each and every blurb genre options some form of hover impact. Let’s check out a couple of intimately.
That is blurb genre 4. On hover, the 2 red bars flip vertical, the icon background turns red, and there’s a red shadow border.
Blurb genre 9 has two background bars that shift colours and angles on hover. The icon background additionally adjustments on hover.
Blurb 40 includes a thick inexperienced border and an icon that flips on hover.
In any case, blurb genre 50 adjustments to pink on hover, and the tab on the most sensible with the icon shifts to the suitable.
Particular person Modules
There are 150 other particular person module types.
Particular person module genre 7 has a inexperienced colour scheme and social media icons that transfer up right into a grid formation over a inexperienced overlay on hover.
Taste 34 options the identify and place with an orange border. On hover, the ideas strikes up and over the photograph, and social media icons are published.
That is format 46. It options the identify and place on a white field beneath the photograph. On hover, the field expands to expose social media icons.
Structure 127 has a easy symbol format. On hover, the identify, place, and social media icons are published.
There are 100 weblog modules in overall, with 50 grid view types and 50 checklist view types. Let’s check out a few each and every genre.
Grid format 3 options the submit symbol and main points on a card with the date on a tab on the most sensible. On hover, a learn extra button is published and an overlay with an icon seems over the picture.
Grid format 40 includes a card with submit knowledge and a learn extra button protecting the featured symbol. On hover, a depressing overlay seems over the picture.
Checklist view format 7 options the submit knowledge and a learn extra button on a card with the picture at the left. The date is in a blue field over the picture.
Checklist view format 18 includes a darker format with a picture at the left and submit knowledge at the proper. On hover, the cardboard strikes up relatively and the picture expands.
About Us Sections
There are 100 about us segment designs.
That is format genre 7. It options some textual content at the left, together with some options marked with icons. There’s a touch us button beneath this, and a picture at the proper.
This full-width segment options some textual content on the most sensible, a CTA button, 3 quantity counters, and a picture at the proper.
This commute format is genre 17. It options a big symbol at the left and a few textual content and an icon at the proper. Underneath are 4 pictures that magnify on hover and open up in a lightbox when decided on.
Taste 61 options some textual content at the left, 3 options highlighted with a checkmark icon, and a picture within the middle. At the proper, you’ll be able to discover a yellow field with hours and a button to guide an appointment.
There are 150 pricing module types in overall.
Pricing module genre 3 makes use of a black and inexperienced colour scheme. On hover, the pricing field expands and the header turns inexperienced.
That is pricing module 29. On hover, a pink arrow seems to the suitable of the associated fee, and the tier name is highlighted in pink.
Pricing module genre 66 includes a header that turns red on hover.
Structure 72 includes a gradient background.
There are 75 other testimonial module types that include the UI Equipment. Listed below are a couple of.
That is testimonial format 5. It options an orange border and a quote icon on the most sensible, adopted through the profile symbol, testimonial, identify, and activity knowledge.
Structure 33 includes a card containing the testimonial, identify, place, and a picture at the left aspect. On hover, the cardboard is printed in inexperienced, the identify font turns inexperienced, and the picture flips.
Structure 71 options a picture at the left over a big symbol background. At the proper is a testimonial slider inside of a quote field.
Touch Shape Sections
There are 100 touch shape sections to make a choice from. Listed below are only some.
Structure 1 is a straightforward design with some textual content at the left, touch knowledge with some icons, social media icons, and a touch shape with a blue button.
Structure 29 options a big map on the most sensible, adopted through the cope with, telephone, and e mail knowledge at the left. At the proper is a touch shape.
Touch segment format 41 options a picture with a yellow overlay. There’s textual content at the left with a CTA button list a telephone quantity. The touch shape is at the proper, over a white overlay.
Structure 75 options 3 bins with touch knowledge and yellow icons. Underneath that is the touch shape, with a yellow button. That is on a picture background this is fading into white.
There are 25 publication signup sections.
Taste 2 options some heading textual content and an e mail sign-up shape on a parallax symbol background.
Taste 5 has a picture at the left and a few heading textual content at the proper, adopted through a sign-up shape.
That is publication format 15. It options some heading textual content at the left, adopted through a sign-up shape and a few social media hyperlinks. There’s a spherical symbol at the proper.
Structure 20 is a card-style design, with two card-style pictures on each and every aspect and the sign-up shape on a card within the center. There’s an icon on the most sensible, adopted through a heading textual content and the shape. On the backside is a small disclaimer textual content with an icon.
There are 40 accordion types in overall.
Taste 2 includes a inexperienced name and the accordion content material in a gray field. The button for each and every tab is at the proper.
Accordion genre 8 makes use of orange tabs and white content material bins. There are black arrows that time to the open tab.
Accordion genre 14 includes a rounded genre tab with a white content material segment.
In any case, genre 36 options red icons with each and every tab and has a red border underlining the energetic tab.
The Final Divi Module UI Equipment comes with 100 slider module types.
Slider 2 options some huge heading textual content and a CTA button over a big parallax symbol with a depressing overlay.
Slider genre 31 additionally options heading textual content and a CTA button on a picture with a depressing overlay. There’s a pink circle in the back of the heading textual content.
Slider 72 is extra content-heavy, with a slider that adjustments the textual content content material on the most sensible and a CTA button beneath. There are 3 content material bins beneath this with an icon and a few description textual content.
In any case, slide format 86 options some textual content content material at the left that adjustments each and every slide, in addition to two CTA buttons. There’s a video at the proper, adopted through every other CTA button.
There are 100 other timeline types to make a choice from.
Timeline genre 4 options playing cards with an icon and textual content for each and every step of the timeline.
Subsequent, timeline 12 has the timeline icon on one aspect and the timeline description textual content at the different aspect.
Timeline genre 32 includes a dotted line with icons for each and every step. The outline textual content is contained inside of a field that issues to the corresponding icon.
Timeline 91 is a straightforward format with icons within the middle and timeline description textual content on each and every aspect.
One Web page Layouts
The UI Equipment additionally comes with 42 other one-page web page layouts that quilt all kinds of industries and use circumstances. We’ll simply check out a few them.
That is the commute and tourism format. It starts with a secondary menu bar list the brand, cope with, hours, and get in touch with knowledge. The principle menu bar has menu pieces and a button to log in or sign in. The heading is a huge symbol with some textual content and a CTA button. That is adopted through some numbered sections with pictures and textual content that describe commute locations. There are some quantity counter modules within the segment with a yellow background, and the following segment options some modules with icons.
Underneath is a testimonial slider, adopted through a pricing desk. Subsequent is a crew segment with social media hyperlinks, adopted through a piece with textual content and corporate trademarks, after which every other segment with some textual content and icons. The footer options some about textual content, touch knowledge, and a touch shape.
That is the startup company format. It includes a menu bar with an emblem, menu pieces, and a CTA button. The header options some textual content, a demonstration at the proper, and two CTA buttons. Underneath are some corporate trademarks and 3 options highlighted with some icons. A CTA segment follows this with two buttons, then a crew segment with pictures and social media icons. After this are two sections with some textual content, illustrations, and a few options outstanding with checkmarks.
Subsequent are some shopper opinions, then every other options segment with icons and outline textual content. There’s a pricing desk, an FAQ segment, every other CTA segment with a demonstration, and a few fresh posts.
In any case, there’s a touch shape and every other field with touch knowledge and social media hyperlinks over a big map, adopted through the footer with an emblem, social media hyperlinks, menu pieces, and get in touch with knowledge.
There are a complete of 120 portfolio types – 40 default portfolio module types, 40 filterable portfolio types, and 40 carousel portfolio types. Let’s check out a few each and every genre.
The primary default portfolio module includes a easy grid format and an overlay that looks over the photographs that function two inexperienced border bars, the name, and the yr.
Portfolio format 29 makes use of a an identical grid format and lines an overlay that looks on hover with a red arrow and the venture name and yr.
The filterable portfolio format 2 options an orange clear out bar on the most sensible in addition to a black navigation bar on the backside. On hover, a depressing overlay seems with the name and the yr of the venture.
Filterable portfolio format 14 includes a clear out bar with blue buttons and a black navigation bar on the backside. On hover, a blue overlay is published and the name and date are contained inside of a white border.
Carousel portfolio format 7 options two blue arrows on each and every aspect to navigate. On hover, there’s a blue-shaped overlay and the venture knowledge.
Carousel format 11 options orange arrows for navigation and an orange slide containing the venture knowledge this is published on hover.
There are 100 footer sections that include the UI equipment.
Footer format 3 options the touch knowledge on the very most sensible with some huge icons. You’ll be able to to find some about textual content, social media icons, menu hyperlinks, and hours. There’s a secondary footer bar on the backside containing copyright knowledge and a hyperlink to the phrases and prerequisites.
That is footer format 26. It has two modules on the most sensible with huge icons, adopted through a touch shape and get in touch with knowledge. On the backside are some hyperlinks, adopted through copyright knowledge.
Footer 43 has an e mail sign-up shape on the very most sensible. There are a number of columns for menu pieces, some touch knowledge, cost trademarks, and copyright knowledge.
Footer genre 84 has a background symbol with a depressing overlay. The emblem is at the left, together with social media icons. There are a number of menu pieces, then a publication sign-up shape. The touch knowledge is indexed at the very proper, and after all, the copyright knowledge is on the very backside.
Bar Counter Modules
There are 50 other bar counter types to make a choice from.
Taste 3 options blue bar strains with a black share indicator.
Taste 13 includes a name at the very left and the share is highlighted with a darker pink background on the finish of the bar.
Bar counter genre 32 has a rounded design with a name at the left and the share inside the bar.
In any case, format 37 has a name above the bar, rounded ends, and a rounded segment on the finish of each and every bar that incorporates the share.
Field Data Sections
There are 50 field information types.
Field information segment format 2 options a picture with a white border, blue heading textual content, description textual content, and a CTA button. The shadow across the field strengthens on hover.
Taste 6 options a picture with rounded corners, an icon, two heading textual content types, and a learn extra button. On hover, the field shifts up.
Field genre 11 options an icon on the most sensible over a big symbol and a card with the heading and frame textual content. On hover, a depressing overlay seems over the photograph, the ground border colour adjustments to black, and a plus button seems.
Structure 47 options a picture, an icon, and textual content. On hover, a black overlay and white border are published over the picture and the picture zooms in at a slight perspective. The icon container turns down and the background adjustments to black. In any case, the textual content background turns orange.
There are a complete of fifty ability sections.
Ability segment format 7 options a big symbol at the proper and a few textual content, a ability bar, and quantity counters at the left.
Ability segment 17 options textual content, a ability bar, and two blurb sections with icons at the left. At the proper are two pictures.
Ability format 21 options a picture, some textual content, and a button at the left. At the proper are two extra textual content sections, adopted through the ability bar.
That is format 38. It options a picture with an protecting textual content field at the left. At the proper, you’ll be able to to find some heading textual content, frame textual content, and ability bars with arrows.
In any case, there are 150 overall button types, with 100 common button types and 25 twin button types.
That is common button genre 30. On hover, a red background seems and the textual content colour adjustments to white.
Common button genre 116 includes a small red field that expands on hover to fill the background of the button. The textual content additionally adjustments to red on hover.
Twin button genre 3 includes a bar that strikes to the highest or backside on hover.
Twin button genre 7 includes a darkish background that strikes down on hover and turns into a backside border. An icon could also be published on hover.
Acquire The Final Divi Module UI Equipment
The Final Divi Module UI Equipment is to be had within the Divi Marketplace. It prices $49.59 for limitless web page utilization and lifelong updates. The cost additionally features a 30-day money-back ensure.
The Final Divi Module UI Equipment comes with an outstanding choice of layouts with all kinds of types and use circumstances. The whole thing is customizable with Divi’s choices, and any of the layouts will also be changed to suit the design of your subsequent venture. For those who’re in search of an intensive format pack that let you save time along with your subsequent design, this product may well be best for you. We would like to listen to from you! Have you ever attempted The Final Divi Module UI Equipment? Tell us what you take into accounts it within the feedback!
The submit Divi Product Highlight: The Ultimate Divi Module UI Kit gave the impression first on Elegant Themes Blog.