We started over and completely reinvented Divi, focusing on performance and advanced design systems. Divi 5 is fast, lean, and packed with modern features to lead the next generation of page builders.
We started from scratch to directly address every pain point and criticism and build a foundation to propel Divi forward for the next decade.
Divi 5 adopts a Gutenberg-like approach, replacing shortcodes with a faster and more flexible system.
Divi 5 is built on a new tech stack and rids itself of a decade of technical debt. It's a lean machine!
Developers can build custom modules and integrations more easily than ever with Divi's robust new API.
Divi saves content in a block-based format, opening up new possibilities for Gutenberg cross-compatibility.
Divi 5 has a new yet familiar interface with efficiency at its core. The new builder is remarkably fast and jam-packed with functionality that inspires you to bring your ideas to life.
Try The Live DemoWidth and zoom controls let you build and preview your website at any width no matter what sized screen you are working on. Learn More
Divi 5 let's you customize the canvas interface to show more or less hover UI or build your layout in Wireframe Mode.
Divi is packed full of app windows that are useful to have open at all times for easy access. Docked and tabbed panels allow you to organize your workspace for the most streamlined workflow. Learn More
The Layers Panel displays a concise overview of your layout's structure, allowing you to easily select items on your page, reorder them, and search for layers.
Divi 5 now comes with seven pre-defined breakpoints that cover every type of device, and you can customize the width of each breakpoint, giving you control of your design at every size. Learn More
Hovering around the canvas will present you with +ADD buttons that let you add container elements and choose from dozens of content modules.
Right-click anything in the builder to get a list of contextual actions depending on what you click on. Learn More
Build lightning-fast and constistently by assigning design Presets to elements or even specific attributes such as borders, shadows, spacing, and more. Learn More
Enjoy a convenient overview of your current selection's parent containers to quickly select them and understand the structure of your layout.Learn More
Easily find what you're looking for by searching for settings with specific keywords. Or filter settings to see only modified styles, or only fields that contain variables, or only color styles, and much much more. Learn More
Divi's Global Variables for Sizes, Colors, Fonts, Images, Strings and URLs can be placed into any applicable field throughout its 1000s of settings. Learn More
Divi's input fields support CSS units, Global Variables, math functions, and more allowing you to size and postion elements on your page with expert precision. Learn More
Thanks to the Divi 5 Dynamic Framework and Dynamic Assets, it's easy to create super-fast websites that score 100 on Google Page Speed on all devices.
We modularized a massive portion of Divi's JavaScript file, allowing it to load each JS library on-demand only when needed.
With automatic Critical CSS generation, your site loads faster by prioritizing only the styles needed for content above the fold.
The entire Divi codebase has been refactored from the ground up for efficiency, maintainability, and long-term scalability.
Designing in Divi 5 just feels easier. The all-new design system will allow you to build modern, dynamic websites faster.
Create class-based presets for common styles to use across your website. When you update a preset, it updates throughout your entire site.
Learn MoreDefine global colors, numbers, images, and more for design consistency and speed like never before.
Learn MoreTap into your website's database for access to live content to make your website truly dynamic.
Learn MoreControl the pages on your website using custom templates with global headers, footers, page layouts, ecommerce templates, and more.
Learn MoreDivi 5 leads the pack in color management, and it's not even close! Create global variables with multi-layer relationships and dynamically adjust a color's hue, saturation, and lightness.
Learn MoreNo other builder has attribute control like this. Copy & Paste. Find & Replace. Reset & Extend. These tools unlock a new level of efficiency.
Learn MoreDivi's input fields support CSS units, Global Variables, math functions, and more, allowing you to size and position elements on your page with expert precision.
Learn MoreDivi comes with seven built-in breakpoints that you can enable and customize so that your website looks fantastic on every device.
Learn MoreDivi 5 is a vast project; we know the community is chomping to get their hands on it. That's why we are releasing it in five phases. Early phases will be missing certain features, which we will fill in incrementally. You can jump in and use Divi 5 at any point during the public Alpha and Beta if the missing features aren't something you miss.
Learn MoreComplete
The Developer Alpha release gave developers a glimpse into the future of Divi 5 so that they could start planning how to adapt their existing Divi extensions.
Complete
The Dev Beta introduced a finished version of the Divi 5 API allowing developers to start updating their extensions early, way before the official Divi 5 release.
Complete
The Public Alpha is a Divi 5 "lite" that is fully functioning but lacks certain features and modules. Due to its lack of features, it will be suitable for building new sites and testing but not for use on some existing Divi sites.
Coming Soon
The Public Beta will begin once we have added all migration-blocking features to Divi 5 and addressed feedback from the Public Alpha. The Beta will be the finished version of Divi 5, pending any bug fixes found during the Beta phase.
Coming Soon
We will release an official Divi 5 once we have addressed feedback from the Public Beta. It will be available as a regular Divi Theme update in your WordPress dashboard.
As outlined in Divi 5's original multi-phase release schedule, the Divi 5 Public Alpha is like "Divi 5 Lite." It's missing a few features and may not be suitable for existing websites, but it's ready to be used on new websites if you prefer the experience to Divi 4.