Today is the day! After what feels like an eternity, Divi 3.0 has finally arrived!
For the past 100 days, we, the international Divi community, have been counting down the days to the biggest Divi update in Elegant Themes history. Over this period, the team at Elegant Themes kept us on the edge of our seats by sharing a plethora of incredible Divi resources – tips, tutorials, interviews etc. – that would aid and enhance the process of designing and developing websites with Divi. The 100-day countdown has come to a close and finally, Divi 3.0 and its revolutionary front-end visual editor are ready for download!
Built ground up with React and Flux (Javascript libraries) the new front-end visual builder is incredibly fast and powerful, and allows you edit the pages of your website directly from the front-end. Not only does the new Divi 3.0 front-end editor save an absolute wealth of time in website design and development, but it’s sure to bring an even greater sense of fun and enjoyment to the process as well.
The Divi 3.0 front-end visual builder has been designed to work intuitively with you, somewhat anticipating the changes you’re going to make to various aspects of the sections, rows, and modules within a web page. Subtle and unobtrusive in form, the front-end builder won’t distract you from your web project or workflow, allowing you to add, edit and alter content modules with ease.
Switching between the front-end preview state and the back-end builder can be somewhat painful at times. How frustrating is it when you forget to bold decorate one tiny word, or have to change one small typo? What about if you decide to change the padding or margin of a row, and have to constantly keep previewing your updates to see if your content fits accordingly? Well, gone are the days of flipping back and forth between the back and front end. Now, content changes to each of the Divi modules happen instantaneously, and each edit executed via the Inline-editor can be viewed without leaving the front-end.
The new visual builder also includes an incredibly handy undo and redo feature, as well as a full history log of changes. This allows you to retrace your steps if need be, and again, right from the comfort of the front-end view of your web build.
Watch the final Divi 3.0 promo video below or read the latest Elegant Themes blog post for a comprehensive list of Divi 3.0’s features.
With a little bit of tinkering time and playing around, you’ll quickly learn the ins and outs of the 3.0 front-end builder’s interface, and will be swiftly on your way to building even more impressive websites with Divi.
If you missed any of the incredible resources released during the 100 Days of Divi Marathon, check out the list below for links to each and every one of the blog posts.
We’re so excited for the release of Divi 3.0, and can’t wait to see what’s coming in 3.1! Head over to Elegant Themes and download Divi 3.0 now! Don’t forget to share your comments below and tell us about your experiences with Divi 3.0!
Recapping the Divi 100 Marathon
In case you missed one of the great resources shared by Elegant Themes during the course of the Divi 100 Marathon, here is a list of every single one of resources with links to the respective blog posts. Enjoy!
Divi Library Layout Packs
- The Divi Landing Page Layout Kit (Day 2)
- Modern Homepages & Single Page Websites Layout Pack (Day 7)
- Font Combination Layout Pack (Day 9)
- Photo Gallery Layout Pack (Day 14)
- Testimonials Layout Kit (Day 16)
- Post Layout Pack (Day 21)
- Feature List Layout Pack (Day 23)
- Footer Layout Pack (Day 28)
- FAQ Layout Pack (Day 30)
- Article Layout & Customizer Settings (Day 35)
- Split Screen Layout Kit (Day 37)
- Contact Pages Layout Pack (Day 42)
- Custom Button Module Design Kit (Day 44)
- The Profile Pages Layout Pack (Day 49)
- Header UI Kit (Day 51)
- Divi Layout Packs From Around The Web (Day 54)
- Homepage Portfolio Layout Pack (Day 56)
- Creative Single Page Portfolio Layout Pack (Day 58)
- Resume Pages Layout Pack (Day 63)
- The New Multipurpose Wireframe Kit, Vol. 1 (Day 65)
- Creative Pricing Tables Layout Kit (Day 70)
- Multipurpose Wireframe UI Kit Vol. 2 (Day 72)
- Landing Pages Layout Pack Built with Wireframe Kit Vol. 1 (Day 77)
- Wireframe Static Product Sections Layout Kit (Day 79)
- Landing Pages Layout Pack Built With Our Expanding Wireframe Kit (Day 84)
- Wireframe Single Static Product Sections Kit for Landing Pages & Catalogs (Day 86)
- Free Crossfit Inspired Layout Pack by Geno Quiroz Created with the Divi Wireframe UI Kit (Day 89)
- Free Divi Wireframe Kit Vol. 3 Today (Day 93)
- Small Business Divi Layout Pack by Olga Summerhayes (Day 95)
- Divi Coming Soon Pages Layout Kit (Day 98)
Divi Tutorials
- How to Add the Divi Builder to Custom Post Types and Third Party Plugins (Day 4)
- How to Hide the Divi Logo on a Single Page (Day 18)
- How to Add More Social Media Icons to Divi (Day 19)
- 5 Pricing Best Practices You Should Be Using with Divi’s Pricing Table Module (Day 20)
- 5 Creative Ways to Use Divi’s Built-In Margin and Gutter Controls (Day 22)
- Divi Library: Exploring the Possibilities of Divi Library’s Selective Sync (Day 26)
- How to Add Icons to the Divi Menu (Day 32)
- 5 Ways The Divi Library Can Make Your Life Easier (Day 34)
- 6 Steps to a Seamlessly Responsive Website with Divi (Day 36)
- 5 Ways to Get Creative with Divi’s Person Module (Day 40)
- How to Use Divi’s Predefined Layouts to Their Full Potential: 3 Step-by-Step Examples (Day 47)
- 5 Ways to Get Creative with Divi Image Asset Preparation in Photoshop (Day 50)
- Global Modules & How to Build Them (Day 55)
- How to Create a Responsive Image Grid with the Divi Page Builder and the Call to Action Module (Day 57)
- How to Create a Rollover Image Effect with HTML (Day 60)
- 5 Email Opt-in Designs You Can Create with Divi’s Email Opt-in Module (Day 61)
- 5 Unique Ways to Style Divi’s Contact Form Module (Day 62)
- 15 Fun Divi Section Divider Styles You Can Use on Your Next Project (Day 64)
- 5 Easy Ways to Beautify Your Divi Sidebar (Day 69)
- How to Add Links to Divi Fullwidth Slider Images (Day 74)
- 5 Beautiful Ways to Style Divi’s Shop Module (Day 75)
- 5 Creative Divi Header Module Styles You Can Achieve Using Built-In Settings (Day 76)
- How to Give Your Divi Archive Pages a Masonry Layout (Day 78)
- 5 Unique Button Styles You Can Achieve With Divi’s Button Module (Day 82)
- 5 Text Styling Tricks for WordPress and Divi (Day 85)
- How to Make Any Divi Page Element Sticky–Divi Nation Short (Day 88)
- 5 Stunning Examples of Divi’s Post Title Module & How to Achieve Them (Day 90)
- How to Use the Divi Wireframe Kit to Create Professional Landing Pages (Day 91)
- Tips For Creating, Exporting and Sharing Your Own Divi Library Elements & Customizer Settings (Day 92)
- 5 Fun Ways to Style Divi’s Blurb Module (Day 96)
Divi Nation Podcast
- Establishing a Workflow for Distributed Design Teams with Cory Jenkins (Day 11)
- Creating Divi 3.0, Quality Code, and WordPress Community with Thierry Muller (Day 25)
- Divi 3.0, Design Theory, and Much More with Mario Maruffi (Day 39)
- Divi 3.0, Improving Your Dev Skills, and Much More with Slava Myznikov (Day 53)
- Discussing Divi 3.0 with Fikri Rasyid (Day 67)
Divi Website Inspiration
Divi 3.0 Previews
- Divi 3.0 Sneak Peek 1 (Day 17)
- Divi 3.0 Sneak Peek 2: A Look At Divi’s Upcoming Inline Editing Capabilities (Day 38)
- Divi 3.0 Video Sneak Peek 1: The Very First Video Screencast Of The New Builder In Action (Day 66)
- Divi 3.0 Video Sneak Peek 2: The “Invisible” and Customizable User Interface (Day 80)
- Divi 3.0 Video Sneak Peek 3: Editing Content On Your Page With The New In-line Editor (Day 87)
- Divi 3.0 Video Sneak Peek 4: A Look At Visual Undo, Redo And Revision History (Day 94)
Misc.
- Divi Survey (Day 24)
- Divi 100 Survey Results (Day 31)
- Uncommonly Good Community: Divi Nation at WordCamp Orange County 2016 (Day 43)
- Divi Showcase Contest: Submission Request (Day 45)
- The Divi Nation Reacts to Divi 3.0, WordCamp Orange County (Day 46)
- Divi Showcase Contest: ET Community Votes (Day 52)
- Divi Showcase Contest: Winners (Day 59)
- Free Divi T-Shirts And Other WordCamp Information (Day 71)
- Apply to Join The Divi 3.0 Beta Program (Day 73)
- Community Update: Divi 3.0 Beta, Powered by Divi T-Shirts, & Upcoming WordCamps (Day 81)
- What’s Next? The Elegant Themes Blog After the Divi 100 Marathon (Day 99)
I have already updated my old versión to Divi 3.0 and it is incredible.
Hey Lisa, quick question. Is Divi Ghoster going to be compatible with Divi 3.0?
Lisa is probably sleeping Mark, but yes Ghoster is compatible with Divi 3.0.
Best,
David
Hi Mark,
Sorry for the late response, we’ve just about woken up here in South Africa! All good with 3.0 & Ghoster.
Thanks!