Free resources for Divi 5
Little extras to make your Divi life easier.

A Divi 5 page with all 25 button hover effects from the tutorial, each with its CSS in a Code module. Import it and copy the effects you like.

A Divi footer layout with two vertical Menu modules on every screen size, plus the CSS in a Code module. Works in Divi 5 and Divi 4.

A Divi page with 7 Menu module hover effects (animated underlines and highlights) and all the CSS in one Code module. Works in Divi 5 and Divi 4.

A Divi page with 3 ready popups (contact form, video and content) opened by buttons or menu links, with the CSS and jQuery in one Code module. No plugins. Works in Divi 5 and Divi 4.

A Divi page with five cards that stack on top of each other as you scroll, made with Divi's own sticky settings, no code. Works in Divi 5 and Divi 4.

A Divi page with a fixed sidebar section that slides in from the right when you click a button, with the CSS and jQuery in Code modules. Works in Divi 5 and Divi 4.

A Theme Builder header that is transparent over the hero and turns white with a colored logo when it sticks on scroll. Works in Divi 5 and Divi 4.

Two Divi hero sections with animated SVG wave dividers at the bottom, made with Code modules and a few lines of CSS. Works in Divi 5 and Divi 4.

A small Divi child theme with the CSS and jQuery from the tutorial that restyles the blog and category archive pages. Install it in Appearance → Themes → Add New → Upload. Works in Divi 5 and Divi 4.

Two Divi Theme Builder templates for your blog, an archive/category page with a CSS Grid post layout and a single post template with comments and related posts. Works in Divi 5 and Divi 4.

A Divi layout with custom tabs: four Blurbs with icons as the tab titles and a section for each tab, switched with a few lines of jQuery. Works in Divi 5 and Divi 4.

Two Divi sections, Features and a simple Timeline, with Blurb icons aligned to the right using a few lines of CSS. Works in Divi 5 and Divi 4.

Three Divi pages for your lead magnet: an opt-in page with floating images and an Email Optin form, an e-mail confirmation page and a download page. Works in Divi 5 and Divi 4.

A Divi section with three colorful cards and two-tone SVG icons in Code modules that change color on hover, with all the CSS included. Works in Divi 5 and Divi 4.

Three ready-made testimonial sections (Testimonial modules, a column grid, and cards with overlapping photos), built with standard Divi settings and no custom CSS. Works in Divi 5 and Divi 4.

Four styles of a vertical Divi Menu module with collapsible sub-menus that open on click, with the CSS and jQuery included. Works in Divi 5 and Divi 4.

Three Divi layouts that arrange images and call to action modules in a CSS grid, with tablet and phone versions. Works in Divi 5 and Divi 4.

Three header designs with a big default header and a slim fixed header that slides in on scroll, CSS and jQuery included. Works in Divi 5 and Divi 4.

A blank Divi child theme (style.css, functions.php and a thumbnail) to keep your custom code safe from Divi updates; install it in Appearance → Themes → Add New Theme → Upload Theme. Works in Divi 5 and Divi 4.

A sample WordPress functionality plugin (plugin header, a CSS and a jQuery file loaded the right way, and code split into files) to start your own; install it in Plugins → Add New Plugin → Upload Plugin. Works in Divi 5 and Divi 4.

Three Divi page layouts showing almost every module in a matching style, with the styles saved as presets you can import as your website's defaults. Works in Divi 5 and Divi 4.

Three slim one-line Divi Email Optin forms (email only, name + email, first + last name + email) with their CSS in Code modules. Works in Divi 5 and Divi 4.

A complete Black Friday sale landing page with a cursor-effect hero, countdown, product grid and email signup. Works in Divi 5 and Divi 4.

A footer section with social links and a contact form that you can use as a global footer in the Theme Builder or add with a Divi template hook. Works in Divi 5 and Divi 4.

Six blog header sections (main blog page plus five categories) with the custom CSS and an updated PHP function to show a different header on each category page. Works in Divi 5 and Divi 4.

A Divi page with three sets of overlapping images that move and rotate on scroll and scale up on hover, made with Divi's own Scroll Effects and Transform settings, no code. Works in Divi 5 and Divi 4.

A one-page wedding website layout with a couple intro, event schedule, gallery and RSVP form. Works in Divi 5 and Divi 4.

An About Me page layout for freelancers with services, projects, testimonials and contact details. Works in Divi 5 and Divi 4.

An About Us page layout for a business run by two people, with hover mottos, fun facts and a sticky CTA. Works in Divi 5 and Divi 4.

Five page layouts for a hosting business: Home, Features, About, FAQ and Contact. Works in Divi 5 and Divi 4.