DiviNationKit Lite

DiviNationKit adds 44 creative modules to the Divi Builder. Every module works in Divi 4 and in Divi 5, in the Visual Builder and on the front end.

Upgrading from 1.x? Your layouts keep working. Every module keeps its settings, and when Divi 5 opens a page built with DiviNationKit on Divi 4, it converts each module with all of its settings.

Live preview

Modules

• Accordion — sections that open and close, for FAQs and long content, with a chevron, plus or caret icon.
• Advanced Divider — section dividers with an icon or text in the middle.
• Advanced Tab — content in tabs, on top or at the side, with icons or images and an active line.
• Alert — info, success, warning and error messages, with an optional close button.
• Animated Counter — numbers that count up when they scroll into view, with a prefix, suffix and icon.
• Before & After Slider — two images compared with a handle you drag, click or move with the arrow keys.
• Blog Posts — your posts in a grid or list, with categories, meta and pagination.
• Business Hours — opening hours, one row per day.
• Dual Button — two buttons side by side, with an optional separator and 2D, border and background hover effects.
• Dual Heading — a heading in up to three parts, each with its own style: filled, outlined or gradient letters.
• Expandable — long content cut to a set height, with a fade and a Read more button.
• Fancy Text — headlines with rotating words that slide, fade, zoom, flip or blur in.
• Flip Card — cards that flip left, right, up or down on hover, with an optional 3D effect.
• Gradient Heading — headings filled with a linear or radial color gradient.
• Hover Card — an image card that shows its title, text and button on hover, with seven effects.
• Icon Box — an icon or image with a title, text, badge and button.
• Icon List — a list where each item has its own icon, badge and tooltip.
• Image Accordion — images side by side that widen on hover or click to show their title, text and button.
• Image Hotspot — markers on an image that open a tooltip on hover or click.
• Image Magnifier — zoom into an image under the pointer, in a lens or inside the image.
• Image Mask — an image cut to a shape: blobs, a circle, a hexagon, a star or your own SVG.
• Logo Slider — a carousel of client or partner logos.
• Marquee — text or logos scrolling in an endless loop, with an optional separator.
• Masonry Gallery — an image gallery in a masonry grid, with a lightbox and per-image links.
• News Ticker — your latest posts or your own headlines, scrolling past or one at a time.
• Person — team member cards with a photo, bio and social links.
• Post Carousel — your posts as cards in a sliding carousel.
• Price List — menu-style price lists with images and descriptions.
• Product Carousel — WooCommerce products as cards in a sliding carousel.
• Product Category — WooCommerce categories as tiles with an image and product count.
• Product Grid — WooCommerce products in a grid, with price, rating, sale badge, Add to Cart and pagination.
• Product List — WooCommerce products in rows, the image beside the name, price and Add to Cart.
• Progress Bar — skill bars that fill in when they scroll into view.
• Rating — star ratings with an optional number and text.
• Reading Progress Bar — a bar at the top or bottom of the screen that fills as visitors read.
• Review — a customer review with a photo, rating and button, in four layouts.
• Social Share — buttons that share the page on 11 networks, by email, or copy its link.
• Step Flow — numbered steps with an icon or image, joined by lines that point to the next step.
• Testimonial Slider — a carousel of customer testimonials.
• Tilt Card — cards that tilt in 3D toward the cursor, with an optional glare.
• Typing Text — text typed out letter by letter, with a blinking cursor.
• Video Gallery — a grid of YouTube, Vimeo or uploaded videos that play in a popup, with next and previous.
• Video Modal — a play button or image that plays a YouTube, Vimeo or uploaded video in a popup.
• WhatsApp Chat — a WhatsApp button in the page or floating in a corner, with an optional chat box.

Extensions

Features for the whole site, under DiviNationKit → Extensions. Each is off until you switch it on; then its settings page shows under Extensions in the menu.

• Mobile Menu — collapsible submenus in Divi’s mobile menus: a toggle beside each parent item, a smooth animation, the current page’s submenu open, and long menus that stay within the screen. Works with the theme header and with Menu and Fullwidth Menu modules, Theme Builder headers included. Choose the icon, shape, colors, spacing and indent, with a live preview.
• Sharing Buttons — share buttons on your posts, without adding a module to each one: a row above and/or below the content, and a floating bar at the side of the screen that turns into a bar along the bottom on phones. Pick the post types, the networks and their order for each, and the look: icons and/or names, brand colors or your own, four shapes and three sizes. Copy Link and Print included.

Light by design

Each module loads its own CSS and JavaScript, and only on pages that use it. Modules you don’t need can be switched off under DiviNationKit → Modules, which also shows the pages that use each module.

If you have a question or an idea for a module, open a thread in the support forum.