We Rebuilt Divi 5 From the Ground Up

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.

Divi 5 Reimagined

Forget Everything You Thought You Knew About Divi

We started from scratch to directly address every pain point and criticism and build a foundation to propel Divi forward for the next decade.

No More Shortcodes

Divi 5 adopts a Gutenberg-like approach, replacing shortcodes with a faster and more flexible system.

Rebuilt From Scratch

Divi 5 is built on a new tech stack and rids itself of a decade of technical debt. It's a lean machine!

A Brand New Divi API

Developers can build custom modules and integrations more easily than ever with Divi's robust new API.

WordPress Storage Format

Divi saves content in a block-based format, opening up new possibilities for Gutenberg cross-compatibility.

Five Star Rating
"Divi's rebound? Indeed!"

Divi 5 is fast, slick, and snappy and finally takes Divi into the modern age of designing sites with new UX and UI standards. I'm already using it on live sites and LOVING it!"

Josh Hall - Founder of Web Designer Pro™ Josh Hall - Founder of Web Designer Pro™
Five Star Rating
"The reinvention of Divi we've all been waiting for."

As someone who's used Divi since 2013, I can confidently say Divi 5 is the reinvention of Divi we've all been waiting for. It blends the trusted legacy of Elegant Themes with a fast, modern, & future-proof framework packed with powerful new features.

Tim Strifler - Owner of Divi Life Tim Strifler - Owner of Divi Life
Five Star Rating
"Divi 5 is super-fast, intuitive, and easy to fall in love with."

Switching might seem scary, but give it a day and you'll wonder why you waited. I can't wait to watch my students level up with this fresh new foundation!

Ania Romańska - Founder of Divi Lover Ania Romańska - Founder of Divi Lover
Five Star Rating
"Divi 5 truly amplifies what's possible!"

The incredible speed and thoughtful new features have been a game-changer for our development, allowing us to deliver even better solutions. It's fantastic to see Divi continue to empower its ecosystem.

Nazmul Hasan Sabuj - CEO at Divi Next Nazmul Hasan Sabuj - CEO at Divi Next
Five Star Rating
"Divi 5 truly sets a new standard."

I've worked with Divi for over 10 years, and Divi 5 is a total game-changer. The UI is cleaner and more intuitive, and the performance boost is incredible. Everything runs faster and smoother—Divi 5 truly sets a new standard.

Maciej Ekstedt - CEO at Divi Pixel Maciej Ekstedt - CEO at Divi Pixel

Building

A Modern Workspace For the Modern Web

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 Demo
CSS Flexbox Layouts
Canvas Width & Zoom

Width and zoom controls let you build and preview your website at any width no matter what sized screen you are working on. Learn More

Interaction Layers

Divi 5 let's you customize the canvas interface to show more or less hover UI or build your layout in Wireframe Mode.

Multi-Panel Docking & Tabbed Panels

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

Layers Panel

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.

Customizeable Breakpoints

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

Add Element

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 Menus

Right-click anything in the builder to get a list of contextual actions depending on what you click on. Learn More

Design Presets

Build lightning-fast and constistently by assigning design Presets to elements or even specific attributes such as borders, shadows, spacing, and more. Learn More

Breadcrumbs

Enjoy a convenient overview of your current selection's parent containers to quickly select them and understand the structure of your layout.Learn More

Settings Search & Filters

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

Field Variables

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

Advanced Units

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

Performance

Speed On All Devices That Leaves The Competition In the Dust

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.

Smaller JavaScript Footprint

We modularized a massive portion of Divi's JavaScript file, allowing it to load each JS library on-demand only when needed.

Instant-Load Styles

With automatic Critical CSS generation, your site loads faster by prioritizing only the styles needed for content above the fold.

Smarter Code

The entire Divi codebase has been refactored from the ground up for efficiency, maintainability, and long-term scalability.

100
Desktop Performance
Divi 5 Desktop Speed Test
First Contentful Paint .3s Largest Contentful Paint .3s Total Blocking Time 0s Cumulative Layout Shift 0 Speed Index .3s
100
Mobile Performance
Divi 5 Mobile Speed Test
First Contentful Paint .9s Largest Contentful Paint 1.4s Total Blocking Time 0s Cumulative Layout Shift 0 Speed Index 1.1s

Design

A Cutting Edge Design System

Designing in Divi 5 just feels easier. The all-new design system will allow you to build modern, dynamic websites faster.

Take Your Design System to the Next Level With Preset-Based Styling

Create class-based presets for common styles to use across your website. When you update a preset, it updates throughout your entire site.

Learn More
Element Presets

Assign Global Variables Across Your Website

Define global colors, numbers, images, and more for design consistency and speed like never before.

Learn More
Global Variables

Fuel Your Website With Real, Dynamic Content

Tap into your website's database for access to live content to make your website truly dynamic.

Learn More
Dynamic Content

Enjoy Global Control With Customizable Website Templates

Control the pages on your website using custom templates with global headers, footers, page layouts, ecommerce templates, and more.

Learn More
Divi Theme Builder

Build Dynamic Color Systems With Relative Color Variables

Divi 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 More
Global Colors and Relative HSL Colors

Redefine Efficiency With Advanced Attribute Control

No other builder has attribute control like this. Copy & Paste. Find & Replace. Reset & Extend. These tools unlock a new level of efficiency.

Learn More
Copy and Paste Attributes

Expert Styling With Advanced Units

Divi'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 More
Advanced Field Units

Fine-Tuned Control With Customizable Breakpoints

Divi comes with seven built-in breakpoints that you can enable and customize so that your website looks fantastic on every device.

Learn More
Customizable Breakpoints

Divi AI

Automatically Generate Entire Websites, Images, Text & Code Using The Power Of AI

Learn More About Divi AI

The Divi Ecosystem

Divi 5 Works Seamlessly With the Full Divi Ecosystem & Older Versions of Divi

Roadmap

Divi 5 Release Roadmap

Divi 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 More

Developer Alpha

Complete

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.

Developer Beta

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.

Public Alpha

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.

Public Beta

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.

Official Release

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.

Get Started

Download Divi 5 Today
& Take It For a Spin

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.

Join To Download Today