Studio Modules for Divi | Divi Studio Lite

Aprašymas

Studio Modules for Divi | Divi Studio Lite is a free collection of modern Divi 5 modules for the Divi Visual Builder. Build landing pages, marketing sections, blogs, and portfolios faster — without leaving the builder you already use.

The full Divi Studio library includes 72 Divi 5 modules: 17 Free modules ship in this Lite plugin, and 55 Pro modules unlock in Divi Studio Pro. Browse Free vs Pro anytime from Divi Studio → Dashboard.

Designed for Divi 5 only. Lean controls, clean front-end output, and accessibility-minded interactive modules (including reduced-motion respect where it matters).

Why creators install it

• Built for Divi 5 — native Visual Builder modules, not Divi 4 leftovers
• Ready-to-design layouts — blurbs, lists, people cards, business hours, FAQs-style patterns via hover / flip / accordion modules
• Media that converts — image carousel, logo carousel, before/after slider, Lottie animations
• Navigation & trust — advanced menu, star rating, text highlighter
• Studio DNA — focused settings instead of endless field dumps

Included free modules (17)

• Advanced Blurb — flexible content cards with image or icon
• Advanced List — icon lists, steps, and feature rows
• Advanced Divider — styled section breaks
• Dual Button — paired CTAs with shared alignment
• Before After Slider — image comparison with drag handle
• Image Carousel — swipeable image slides
• Logo Carousel — client / partner logo loops
• Post List — lean blog listings
• Flip Box — front/back cards with accessible motion
• Business Hours — opening hours with open/closed emphasis
• Advanced Person — team profiles and socials
• Image Accordion — expanding image storytelling panels
• Lottie — lightweight Lottie animations in Divi
• Advanced Menu — custom menus with mobile-friendly chrome
• Star Rating — ratings for reviews and social proof
• Hover Box — hover reveals with reduced-motion care
• Text Highlighter — animated highlight marks on copy

Divi Studio Pro modules (55)

Unlock the remaining 55 Pro modules with Divi Studio Pro:

• 3D Testimonial
• Advanced Carousel
• Advanced Gallery
• Advanced Tabs
• Animated Heading
• Audio Testimonial
• Avatar Stack
• Bar Chart
• Blurb Marquee
• Breadcrumbs
• CPT Carousel
• CPT Grid
• Contact Form 7 Styler
• Content Toggle
• FAQ
• Filterable CPT
• Floating Images
• Fluent Form Styler
• Formidable Form Styler
• Forminator Form Styler
• Google Map
• Image Hotspot
• Image Hover
• Image Marquee
• Image Mask
• Inline Content
• Instagram Feed
• Instagram Feed Carousel
• Justified Gallery
• Line Chart
• Multi Location Map
• Ninja Form Styler
• Packery Gallery
• Pie Chart
• Post Carousel
• Post Grid
• Pricing Table
• Product Carousel
• Product Grid
• SVG Animator
• Social Share
• Store Locator Map
• Table
• Table Of Contents
• Testimonial Caterpillar
• Testimonial Grid
• Testimonial Marquee
• Testimonial Scroll Trigger
• Text Marquee
• Tilt Card
• Timeline
• Vertical Menu
• Video Marquee
• Video Testimonial
• WPForms Styler

Divi Studio dashboard

After activation, open Divi Studio → Dashboard in WP Admin to browse all 72 Studio modules (17 Free + 55 Pro), filter by tier, and upgrade when you need more.

Want more modules?

Divi Studio Pro adds the 55 Pro modules above — galleries, marquees, form stylers, testimonials, maps, charts, CPT grids, WooCommerce layouts, and more:

Upgrade to Divi Studio Pro →

When Divi Studio Pro is active, this free plugin deactivates automatically so modules never duplicate.

Requirements

• WordPress 6.0+
• PHP 7.4+
• Divi theme / Divi Builder with Divi 5 Visual Builder enabled

Third-Party Libraries

This plugin bundles the following GPL-compatible open-source libraries:

• Swiper 14.1.0 — MIT License — https://swiperjs.com/ (source: https://github.com/nolimits4web/swiper). Used by the Image Carousel and Logo Carousel modules. Distributed as assets/scripts/vendor/swiper.min.js and assets/styles/vendor/swiper.min.css.
• Lottie Web — MIT License — https://github.com/airbnb/lottie-web. Used by the Lottie module. Distributed as assets/scripts/vendor/lottie.min.js.

Source Code

The Visual Builder package divi-5/scripts/bundle.js (and divi-5/styles/bundle.css) is produced with npm and webpack from human-readable TypeScript/SCSS sources that ship inside this plugin:

• Source: divi-5/src/ (entry: divi-5/src/index.ts)
• Build config: divi-5/webpack.config.js, divi-5/tsconfig.json, divi-5/package.json
• Root npm scripts: package.json (npm install then npm run build)

Front-end module scripts under assets/scripts/*.js (except the vendor folder) are already human-readable and are not minified.

How to rebuild the Divi 5 bundle

1. Install Node.js 18 or newer.
2. From the plugin root: npm install
3. Build: npm run build
4. Outputs: divi-5/scripts/bundle.js and divi-5/styles/bundle.css

You do not need to rebuild for normal use — the compiled files are included for production.