New Group Carousel Module, Lottie Module And More!

Today, we released three new modules for Divi 5, including the much-requested Group Carousel module, which allows you to create any type of carousel or slider, including post-based carousels, using Divi 5’s new loop builder.

We also added a Lottie module for easy JSON-based animations and an Icon List module for easy list creation.

Divi 5’s new architecture makes module creation simple, so we’ll release a surprising amount of new modules after Divi 5’s official release. This is just an appetizer to hold you over while we focus on progressing to the beta phase next month.

Check out the following video to see the new feature in action. 👇

Group Carousel Module

The most important addition is the Group Carousel module.

Unlike other carousels, each slide in the Group Carousel is a blank canvas; you can add any module to each slide to create any carousel or slider. You control the number of slides, the content of the slides, and other animation settings. Since groups can be styled using Divi’s wide range of design settings, you can craft unique styles and transition effects.

Create Post, Term, and User-Based Carousels

Divi 5’s Loop Builder allows you to loop a group inside the carousel to create post, term, or user-based carousels. This pulls dynamic content from your website to fill out each slide automatically.

Enable looping on the group, customize the query, and plug dynamic content into the carousel elements. In this example, I built a testimonial carousel using a custom post type and fields created using ACF.

Carousel Examples

The beauty of the Group Carousel module is that each slide in the carousel is a blank canvas wrapped in Divi’s group container. You can add any module inside of it, along with nested rows, and create advanced slide layouts using flexbox.

The sky’s the limit!

You can also leverage Divi’s full range of design settings, such as transforms, filters, and box shadow, to create transition effects.

Example #1: Custom Full-Screen Slider

The Group Carousel can display any number of slides per page. If you limit it to a single slide, you have a slider. You can break free from Divi’s existing slider modules to create something new.

Example #2: Multi-Slide Team Carousel

You can choose how many slides to show per page, and how many slides to scroll with each click of the arrow. In this example, I created a team slider for an about page, including social links using the social follow module.

Example #3: Term-Based Looping Carousel

You can build term-based carousels using Divi 5’s loop builder. In this example, the carousel is looping through WooCommerce product categories. The category name and feature image are generated dynamically with each slide in the loop.

Example #4: Food Menu With Creative Transitions

In this example, I created a menu that slides through a list of top-selling dishes. Adjusting the scale and opacity of inactive slides creates a fun transition effect as I slide through each item.

Lottie Module

The new Lottie module makes it easy to add Lottie animations to your website and control their animations and interactions.

Lottie animations are great because they are JSON and SVG-based, making them lightweight and pixel-perfect. There are many places online where you can find great animations and easily add them to your page.

The Lottie module allows you to customize the animation speed, trigger, direction, looping, and more.

⚠️ Note: WordPress media library does not allow uploading JSON files. If you want to upload a Lottie animation via the WordPress media library, you can use a plugin such as File Upload Types to enable JSON upload.

Icon List Module

The Icon List module is a simple addition that fills a small void in Divi’s most basic modules. It makes creating lists and assigning unique icons to each item easy.

Previously, the only way to create lists was manually inside a text module, making this a simple but welcome addition.

Try Divi 5 Today

These new modules are available for Divi 5 today and are one of many features coming to Divi this year.

You can follow along as we progress through the final release of Divi 5 and beyond, with updates every two weeks. Depending on your priorities, you can use Divi 5 now to build new websites or wait until we add more features, whatever works best for you.

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.

We want you to try it, and if you love it, use it; when everyone loves it, we’ll make it official.

Have You Tried Loop Builder?

In case you missed it, we recently released the all-new Loop Builder for Divi 5.

Divi’s loop builder is unique in its freedom; you can loop anything without being restricted to a static loop module or container. Build your looping element, then customize your query using various convenient options and meta queries. It supports custom post types, including WooCommerce, custom fields created with ACF, and even ACF repeater fields.

It’s an incredible feature!

Watch this video for all the details. 👇

More Divi 5 Updates Are On The Way

2025 is the year of Divi 5. The tedious work is behind us. We built the super-fast foundation, and now it’s time for Divi to make its comeback.

If you’re here for the Divi comeback, do us a huge favor and let us know by liking this video and leaving a comment. It means a lot to us to see you cheering Divi on, and it’s essential to feed the algorithm and spread the word.

Don’t forget to follow us on YouTube and subscribe to the Divi newsletter so you never miss an update. I’ll see you soon for another Divi 5 feature announcement, which I promise will be right around the corner. 😁

The post New Group Carousel Module, Lottie Module And More! appeared first on Elegant Themes Blog.

The Tech Zone