The Best Free Divi Layout Packs From Around The Web

Posted on July 23, 2016 by in Divi Resources | 68 comments

The Best Free Divi Layout Packs From Around The Web

Welcome to Day 54 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series!


Over the past month and a half, we have been releasing two free Divi Layout Packs each week as part of the Divi 100 Marathon. We are extremely excited about the potential premade Divi layouts have to speed up development time for our customers, which is why we are putting so much effort into exploring the idea here on our blog. However, Elegant Themes isn’t the only place to find awesome free Divi layouts. In fact, quite a few Divi community members have started creating Divi layouts of their own and giving them away for free on their own websites! It’s exciting to see, and today I am happy to feature some of our favorite free Divi layouts from around the web.

What Are Divi Layout Packs?

If you aren’t familiar with Divi Layout Packs, let me explain a bit about them first. One of the core features of the Divi Builder is the Divi Library. In the Divi Library, you can save things that you have built and re-use them later. You can save custom modules, rows, sections or even entire layouts to the library and then load them onto new pages as you create them. As you begin to fill your library with more and more custom layouts and layout components, starting new websites or client projects becomes so much easier.

In Divi 2.7, we introduced our portability system to the Divi Library, which allows anyone to import and export items from their Divi Library to be shared with the community. These exported layouts are what we call Divi Layout Packs, and once downloaded they can be imported right into your Divi Library and loaded in when you build new pages with Divi. If you find a Divi Layout that you like below, all you have to do is download the file and upload it using the Import/Export button via the Divi > Divi Library page in your WordPress Dashboard.

About Us Layout by Creative Child Themes

Inspired by the Elegant Themes team, this About Us page is sleek and professional. It features some great typography and creative usage of Divi’s margin and padding controls. I love the overlapping sections and text. You can take a look at the live demo here, and you can download the pack for free here.

about-us

Grid Image Layout by Creative Child Themes

Grid Layouts are a great way to add diversity to your page. If you are looking for an easy way to create a fullwidth grid of text and image on your page, then this free layout will give you that grid look in just a few clicks! I love the color coordinated hover colors and social icons, as well as the alternating black and white text backgrounds.

grid

Animated Blurb Cards by Yates Design

This Animated Blurbs layout adds some really cool custom animations to the Divi blurb module. A drop shadow is used to add depth, creating the illusion that the box is lifting up off the page when you hover over it. This is accompanied by a ripple effect that emanates from the blurb’s centered image. What a cool effect!

blurbs

Custom Image Module Hover Effect by Yates Design

If you are looking to apply some custom image hover effects to your Divi image module, then you are going to love this layout pack. Yates Design has adapted a wonderful post from Coddrops and created a custom image module and call to action module combination. It requires a bit of custom CSS, but this can be easily added to your page using the Custom CSS box in your Divi Builder page settings.

image-hover-small

Countdown Timer by Yates Design

This custom Countdown Timer design was inspired by a design on CodePen and adapted by Yates Design as a Divi Builder module. I love the bold text used for the numbers as well as the blue gradient background.

countdown

Oyster Bay Layout by Aspen Grove Studios

The Oyster Bay layout is a perfect example of great minimalistic design. I love the stark black and white elements, the thin lines and the well spaced header. Check out the live demo to see how their team created an entire page, from header to footer, using only Divi Builder modules. You can download this layout for free, or donate to the project using the “name your own price” system during checkout.

oyster-bay

Fitzgerald Layout by Aspen Grove Studios

The Fitzgerald layout features some absolutely lovely design. The typography is elegant, readable and surrounded by plenty of white space. The smooth and subtle color scheme is mirrored in the layout’s images, and each section background makes good use of image overlays to ensure that the text content is easy to see. The layout is available for free, but you can also donate to the project during checkout via their “name your own price” policy.

fitzgerald

Star One Pager by Love Divi

The Star One Pager layout is a great start for a professional business landing page. I can see these colors and the overall style working great for a tech company, and there are certainly no shortage of those starting up these days. Take a look at the live demo to see its custom blurb modules. I love how they used the module’s border, background color and custom CSS options to create a really unique element that you will probably find useful in your own custom layouts as well.

one-pager

Two Cafe by Divi Theme Examples

The Two Cafe layout pack is the perfect start to your next local boutique website. It comes with a great custom menu section for restaurants and an informative about us section at the bottom of the page. Check out the live demo to explore its warm/desaturated color scheme and wonderful floral motifs.

two-cafe

Divi We Miss Any?

I hope you enjoyed this list of free resources. It’s great to see how active and collaborative the Divi community has become, and I am sure you will start to see more and more Divi layout packs being created in the future. Have you created any free packs yourself? Did we miss your favorite free Divi layout pack resource? Be sure to let us know in the comments!

Be sure to subscribe to our email newsletter and YouTube channel so that you never miss a big announcement, useful tip, or Divi freebie!

divi-2-6-logo

Divi 100 Day 54

The Countdown To Divi 3.0

This post is part of our Divi 100 marathon. Follow along as we post free Divi resources for 100 days in a row! This 100-day countdown will end with the game-changing release of Divi 3.0, including our brand new visual editor built from the ground up using React. Divi 3.0 will change the way you build websites with the Divi Builder forever!
Let the countdown begin.

Learn More About Divi 3.0


68 Comments

  1. Fantastic! I have a one page Divi website and would love more tips, tricks, layouts that can be used to customize sections of my website.

  2. Even More Goodies! This has been the best 100+ days of Divi On Record!

  3. how to download about us page…

    • register newsletter, you get – after mailcheck – instantly mail with dl-links

      • But I’m already on your newsletter list! I got here by following the link in the newsletter to download the pack!

  4. Guys,
    having a website is one time task
    To get sales and customers is the final aim and a daily task. For this can you make few hundreds of purpose oriented sales pages?

    Thanks,
    Yakin

    • I think they just wanna give us design-oriented techniques and a lot of useful single-point-solutions. What we learn from it, how we handle this info and what we can alter that all is the way we have to go our self. I dont think there would be coming 100s sales pages.

  5. Great ressources ! probably one of the best divi 100+ days !

    If anybody have others like that, it would be a great share !

  6. Hi Team,

    Gotta come and say this is by far the best day of the 100 so far! we are at 54, the excitement is building!

    These provided links to site freebies are the
    absolute greatest eeeeevveeerrrr!

    more please!

  7. All I can say is “WOW”.

    (and THANK YOU)

    • How to import the css style sheet into Divi Library?

      • The css is not imported inside the Divi Library, but inside the page, in the Divi Builder, click on the hamburger icon. It’s all explained in the documentation πŸ˜‰

    • That’s a wonderful one-pager, thank you. The premium layouts look quite promising too. Subscribed!

      • Thanks Josh πŸ™‚ Glad you like it!

    • I like the resume theme definitely adding to my files. Thanks.

  8. Sorry, but a 100 days is too long!

    • No, its to short. It all depends on how you see it. πŸ™‚

  9. Some of these would be great to check out if you didn’t have to subscribe to the site’s email. It’s not really free when you get bombarded with junk email.

    • 10minutemail.com my friend πŸ™‚

    • If you like their free resources wouldon’t it be nice to know if there’s a new free resource I don’t mind giving people my email address if they are willing to give me more free stuff in the future! In my opinion everyone wins!

    • I generally have 2 mailadresses, 1 private/business, 1 for NL which can be switched easley 100 times – never used more.

    • No they are not “free” because you do give your email address up for it, but I think that’s a small price to pay for all the time and effort they put into creating this for us to use considering they could have charged for it and still gotten your email address anyways when you paid. Poor attitude and community support. No matter how much you think the rest of us are a waste of time.

  10. Thanks for mentioning our Aspen Grove Studios layout packs, Nick! We are honored to be on this list and hope lots of people find them helpful.

  11. The About Us Layout by Creative Child Themes provides no download on their site even after sign up. It’s merely an optin page for them to collect emails.

    • They send it to you via email Mario, so make sure to check your spam folder.

    • yeah, its coming by mail – all DL links inside

  12. Wow, how’s that for gratitude? Way to go, Rebekah!

    • I don’t enjoy getting spammed. Some of the Divi based business’ are the worst. Talking 2 or 3 emails a day. You unsubscribe and still get them. Some of these layouts you can’t even see a demo before you have to hand over your email address. As a developer, I don’t need their layouts. I like to take a look at what people are doing. Don’t get me wrong, I love Elegant Themes and have been with them since the beginning of Divi. They have the only newsletter I bother reading. The rest are a waste of time.

  13. I am already a registered client but would not mind to have these goodies too…

  14. This is what im talking about just fantastic you guys πŸ™‚
    easy to use and so much to learn easy click drop drag bingo site done brilliant work

  15. I am already a registered client and would not mind to have these goodies too…

  16. WOW! Great stuff!!!

    I’ve hit the ‘design brick wall’ on a new site of ours for a couple of days now, want something a little different of article pages and really love the ‘About Us page’ layout. Many elements I can use from that.

    Sometimes it’s great to see something to make you think outside of the box.

    Keep up the great work guys, many of us out here really appreciate it πŸ™‚

  17. Some awesome layouts. Gonna test out a few of the now! πŸ˜€

  18. It really is free. You are not giving them money. Subscribe then unsubscribe if you want. I prefer to subscribe and support the people who are making this great content.

  19. Looks like my comment disappeared and I only see 1 comment although I’m getting comments by email after subscribing to the conversation.

    Admins please help πŸ™‚

  20. Thank you ! This keeps getting better and better…

  21. nice work guys

  22. Folks here know I’ve been critical of ET at times in the past, especially when the features race got ahead of the fix it race.

    But overall they are a fantastic company and I think most developers who use their products would agree. Some of these comments about having to give an email address out are just sour grapes.

    Myself, I look forward to their blog and new offerings. I subscribe to (and at times write for) the Elegant Marketplace blog also.

    The great bulk of things that have come as part of the Divi 100 blast have been useful and appreciated…and free.

    Thanks Nick and Team.

  23. Unable to find a download link for “Two Cafe” layout. Can you help?

  24. I love Elegant Themes, Divi, this blog and all of the great Divi theme and resource developers like Cory at Aspen Grove (one of MANY). I have not used any of his products yet, but I got him and many others bookmarked and I will surely keep an eye on their sites.

    These great people provide real value to the community, like cool freebies, paid resources, support, and inspiration for other Divi users. What a great theme and great support community. It all starts at the top, so props to Elegant Themes, the Facebook groups, and Divi developers.

    Divi is definitely my go to theme now, and with all the great ideas coming from posts like this my projects are actually starting to look pretty good.

    Thank’s Nick and everyone else who contributes to Divi for making my work a little easier.

    • Thanks James and hope you get a chance to test drive our products soon. Lots of free goodies on our site πŸ™‚

  25. Two Cafe is going to be great option for my clients!! Keep up the awesome work!!

    • Hi Casey,

      I agree with you – I love the Two cafe theme- but I too can’t find the download link. Did you get an answer from your question? Thanks. Nick

  26. Divi is one of the powerful WordPress theme framework. At our WP trainings by WB, we trained our students on WP and Divi. It made things interesting and wonderful for us.

    During the training, one of the interesting part was to create as much as layouts they can and share with people to empower them on Internet.

  27. Thank you very much for the links to CCT, they have a lot of other freebies on their site, outstanding! I dont understand why some guys here are arguing with email and NL for getting this and maybe later more (!) good info.
    I was already aware of Yates (but missed a new package) and LD (Love Divi which have a lot of other free and great packs too), but not of CCT.

  28. Thanks so much for including my site ET!

  29. Im a Divi newbie. Not sure if im missing something here but i get a “This file should not be imported in this context.” message when trying to import a few of these layouts. “About us” imported fine but diagonals and service blurb return this message. Any help would be appreciated. Thanks.

    • Worked out that those were sections not layouts. Imported to library and now all is good.

  30. Love Love Love <3

  31. Really like the STAR layout, downloaded it, followed their instructions, opened the zip file, tried to import the json file…won’t upload πŸ™

  32. It doesn’t seem that all of these are “free”. For example, the “Fitzgerald” cost $15. Not complaining it just the title of this article says “The Best Free Divi Layouts…”

    • It’s “name your own price” David. You can get it for free, or contribute whatever you like to their cause.

    • Yes David, as Nick mentioned they are free but you can donate as well. Simply change the price to zero and add to your cart. The donations that we do receive are put right back into development of new library packs. We currently have 21 name your own price layouts and hope to have close to 50 by the end of the year.

  33. It would be great if you can share layout packs which can be used in building websites for NGO’s.

  34. Thanks to everyone for their hard work in creating these resources! Another reminder to me of why I use Elegant Themes. πŸ™‚

  35. Some very attractive work… But just note that they don’t work all well on tablet (esp. horizontal). Test and modify if thats important to your audience.

  36. Whenever I try to upload the “Countdown” Plugin from CodePen, it continually tells me the plugin failed to load.

    Has anyone else encountered this error, or have any solutions?

    Thanks!

    • Where is plugin code in codepen? I thought they are snippets, not just ready to use plugins, am I wrong?

  37. These are indeed wonderful but the one I wanted most didn’t work for me. The Custom Image Module Hover Effect by Yates Design. I followed the instructions to the letter and it didn’t work. I downloaded the xml file but can’t figure out how to add it to my page… Maybe its just more advanced than I am but I’m disappointed. Got my hopes up and everything. πŸ™‚

  38. Hi, Thanks for sharing such a useful information.

  39. Fabulous and free, what more could we want!? Happy to give up an email address, and open or delete their mail when I want, to support these talented contributors. I Am Grateful. πŸ™‚

  40. It seems the import file (json) for the “About Us” Layout by Creative Child Themes is corrupted. It gives the error message “This file should not be imported in this context”…

  41. I’m thinking about converting to WordPress and this Divi theme seems like I can do anything with it; total creativity. Thanks for the info.

401,632 Customers Are Already Building Amazing Websites With Divi. Join The Most Empowered WordPress Community On The Web

We offer a 30 Day Money Back Guarantee, so joining is Risk-Free!

Sign Up Today

Pin It on Pinterest