{"id":352898,"date":"2026-09-06T18:16:17","date_gmt":"2026-09-06T18:16:17","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/studio-modules-for-divi\/"},"modified":"2026-09-06T18:15:54","modified_gmt":"2026-09-06T18:15:54","slug":"studio-modules-for-divi","status":"publish","type":"plugin","link":"https:\/\/lt.wordpress.org\/plugins\/studio-modules-for-divi\/","author":23493305,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"0.1.3","stable_tag":"0.1.3","tested":"7.1","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Studio Modules for Divi | Divi Studio Lite","header_author":"DiviPress","header_description":"Free Divi 5 modules for the Divi Visual Builder \u2014 build flexible, professional layouts faster. Requires Divi 5.","assets_banners_color":"022eee","last_updated":"2026-09-06 18:15:54","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/divistudio.divipress.net\/","header_plugin_uri":"","header_author_uri":"https:\/\/profiles.wordpress.org\/divipressteam\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":53,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"0.1.3":{"tag":"0.1.3","author":"divipressteam","date":"2026-09-06 18:15:54","revision":3683802}},"upgrade_notice":{"0.1.3":"<p>Adds the Divi Studio Lite dashboard so you can browse Free and Pro modules from WP Admin.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3683802,"resolution":"128x128","location":"assets","locale":"","width":400,"height":400}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3683802,"resolution":"1544x500","location":"assets","locale":"","width":1554,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3683809,"resolution":"772x250","location":"assets","locale":"","width":1554,"height":500}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.1.3"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Divi Studio Lite dashboard \u2014 browse Free and Pro modules","2":"Modules appear in the Divi 5 Visual Builder picker","3":"Example: Flip Box and Hover Box layouts","4":"Example: Image Carousel and Logo Carousel","5":"Example: Advanced Blurb, Person, and Business Hours"}},"plugin_section":[],"plugin_tags":[10731,254038,127231,1084,10633],"plugin_category":[],"plugin_contributors":[279449],"plugin_business_model":[],"class_list":["post-352898","plugin","type-plugin","status-publish","hentry","plugin_tags-divi","plugin_tags-divi-5","plugin_tags-divi-modules","plugin_tags-page-builder","plugin_tags-visual-builder","plugin_contributors-divipressteam","plugin_committers-divipressteam"],"banners":{"banner":"https:\/\/ps.w.org\/studio-modules-for-divi\/assets\/banner-772x250.png?rev=3683809","banner_2x":"https:\/\/ps.w.org\/studio-modules-for-divi\/assets\/banner-1544x500.png?rev=3683802","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/studio-modules-for-divi\/assets\/icon-128x128.png?rev=3683802","icon_2x":false,"generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>Studio Modules for Divi | Divi Studio Lite<\/strong> is a free collection of modern <strong>Divi 5 modules<\/strong> for the Divi Visual Builder. Build landing pages, marketing sections, blogs, and portfolios faster \u2014 without leaving the builder you already use.<\/p>\n\n<p>The full <strong>Divi Studio<\/strong> library includes <strong>72 Divi 5 modules<\/strong>: <strong>17 Free<\/strong> modules ship in this Lite plugin, and <strong>55 Pro<\/strong> modules unlock in <a href=\"http:\/\/divistudio.divipress.net\/\">Divi Studio Pro<\/a>. Browse Free vs Pro anytime from <strong>Divi Studio \u2192 Dashboard<\/strong>.<\/p>\n\n<p>Designed for <strong>Divi 5 only<\/strong>. Lean controls, clean front-end output, and accessibility-minded interactive modules (including reduced-motion respect where it matters).<\/p>\n\n<h4>Why creators install it<\/h4>\n\n<ul>\n<li><strong>Built for Divi 5<\/strong> \u2014 native Visual Builder modules, not Divi 4 leftovers<\/li>\n<li><strong>Ready-to-design layouts<\/strong> \u2014 blurbs, lists, people cards, business hours, FAQs-style patterns via hover \/ flip \/ accordion modules<\/li>\n<li><strong>Media that converts<\/strong> \u2014 image carousel, logo carousel, before\/after slider, Lottie animations<\/li>\n<li><strong>Navigation &amp; trust<\/strong> \u2014 advanced menu, star rating, text highlighter<\/li>\n<li><strong>Studio DNA<\/strong> \u2014 focused settings instead of endless field dumps<\/li>\n<\/ul>\n\n<h4>Included free modules (17)<\/h4>\n\n<ul>\n<li><strong>Advanced Blurb<\/strong> \u2014 flexible content cards with image or icon<\/li>\n<li><strong>Advanced List<\/strong> \u2014 icon lists, steps, and feature rows<\/li>\n<li><strong>Advanced Divider<\/strong> \u2014 styled section breaks<\/li>\n<li><strong>Dual Button<\/strong> \u2014 paired CTAs with shared alignment<\/li>\n<li><strong>Before After Slider<\/strong> \u2014 image comparison with drag handle<\/li>\n<li><strong>Image Carousel<\/strong> \u2014 swipeable image slides<\/li>\n<li><strong>Logo Carousel<\/strong> \u2014 client \/ partner logo loops<\/li>\n<li><strong>Post List<\/strong> \u2014 lean blog listings<\/li>\n<li><strong>Flip Box<\/strong> \u2014 front\/back cards with accessible motion<\/li>\n<li><strong>Business Hours<\/strong> \u2014 opening hours with open\/closed emphasis<\/li>\n<li><strong>Advanced Person<\/strong> \u2014 team profiles and socials<\/li>\n<li><strong>Image Accordion<\/strong> \u2014 expanding image storytelling panels<\/li>\n<li><strong>Lottie<\/strong> \u2014 lightweight Lottie animations in Divi<\/li>\n<li><strong>Advanced Menu<\/strong> \u2014 custom menus with mobile-friendly chrome<\/li>\n<li><strong>Star Rating<\/strong> \u2014 ratings for reviews and social proof<\/li>\n<li><strong>Hover Box<\/strong> \u2014 hover reveals with reduced-motion care<\/li>\n<li><strong>Text Highlighter<\/strong> \u2014 animated highlight marks on copy<\/li>\n<\/ul>\n\n<h4>Divi Studio Pro modules (55)<\/h4>\n\n<p>Unlock the remaining <strong>55 Pro modules<\/strong> with <a href=\"http:\/\/divistudio.divipress.net\/\">Divi Studio Pro<\/a>:<\/p>\n\n<ul>\n<li>3D Testimonial<\/li>\n<li>Advanced Carousel<\/li>\n<li>Advanced Gallery<\/li>\n<li>Advanced Tabs<\/li>\n<li>Animated Heading<\/li>\n<li>Audio Testimonial<\/li>\n<li>Avatar Stack<\/li>\n<li>Bar Chart<\/li>\n<li>Blurb Marquee<\/li>\n<li>Breadcrumbs<\/li>\n<li>CPT Carousel<\/li>\n<li>CPT Grid<\/li>\n<li>Contact Form 7 Styler<\/li>\n<li>Content Toggle<\/li>\n<li>FAQ<\/li>\n<li>Filterable CPT<\/li>\n<li>Floating Images<\/li>\n<li>Fluent Form Styler<\/li>\n<li>Formidable Form Styler<\/li>\n<li>Forminator Form Styler<\/li>\n<li>Google Map<\/li>\n<li>Image Hotspot<\/li>\n<li>Image Hover<\/li>\n<li>Image Marquee<\/li>\n<li>Image Mask<\/li>\n<li>Inline Content<\/li>\n<li>Instagram Feed<\/li>\n<li>Instagram Feed Carousel<\/li>\n<li>Justified Gallery<\/li>\n<li>Line Chart<\/li>\n<li>Multi Location Map<\/li>\n<li>Ninja Form Styler<\/li>\n<li>Packery Gallery<\/li>\n<li>Pie Chart<\/li>\n<li>Post Carousel<\/li>\n<li>Post Grid<\/li>\n<li>Pricing Table<\/li>\n<li>Product Carousel<\/li>\n<li>Product Grid<\/li>\n<li>SVG Animator<\/li>\n<li>Social Share<\/li>\n<li>Store Locator Map<\/li>\n<li>Table<\/li>\n<li>Table Of Contents<\/li>\n<li>Testimonial Caterpillar<\/li>\n<li>Testimonial Grid<\/li>\n<li>Testimonial Marquee<\/li>\n<li>Testimonial Scroll Trigger<\/li>\n<li>Text Marquee<\/li>\n<li>Tilt Card<\/li>\n<li>Timeline<\/li>\n<li>Vertical Menu<\/li>\n<li>Video Marquee<\/li>\n<li>Video Testimonial<\/li>\n<li>WPForms Styler<\/li>\n<\/ul>\n\n<h4>Divi Studio dashboard<\/h4>\n\n<p>After activation, open <strong>Divi Studio \u2192 Dashboard<\/strong> in WP Admin to browse all <strong>72<\/strong> Studio modules (<strong>17 Free<\/strong> + <strong>55 Pro<\/strong>), filter by tier, and upgrade when you need more.<\/p>\n\n<h4>Want more modules?<\/h4>\n\n<p><strong>Divi Studio Pro<\/strong> adds the <strong>55 Pro modules<\/strong> above \u2014 galleries, marquees, form stylers, testimonials, maps, charts, CPT grids, WooCommerce layouts, and more:<\/p>\n\n<p><strong><a href=\"http:\/\/divistudio.divipress.net\/\">Upgrade to Divi Studio Pro \u2192<\/a><\/strong><\/p>\n\n<p>When Divi Studio Pro is active, this free plugin deactivates automatically so modules never duplicate.<\/p>\n\n<h4>Requirements<\/h4>\n\n<ul>\n<li>WordPress 6.0+<\/li>\n<li>PHP 7.4+<\/li>\n<li>Divi theme \/ Divi Builder with <strong>Divi 5<\/strong> Visual Builder enabled<\/li>\n<\/ul>\n\n<h3>Third-Party Libraries<\/h3>\n\n<p>This plugin bundles the following GPL-compatible open-source libraries:<\/p>\n\n<ul>\n<li>Swiper 14.1.0 \u2014 MIT License \u2014 https:\/\/swiperjs.com\/ (source: https:\/\/github.com\/nolimits4web\/swiper). Used by the Image Carousel and Logo Carousel modules. Distributed as <code>assets\/scripts\/vendor\/swiper.min.js<\/code> and <code>assets\/styles\/vendor\/swiper.min.css<\/code>.<\/li>\n<li>Lottie Web \u2014 MIT License \u2014 https:\/\/github.com\/airbnb\/lottie-web. Used by the Lottie module. Distributed as <code>assets\/scripts\/vendor\/lottie.min.js<\/code>.<\/li>\n<\/ul>\n\n<h3>Source Code<\/h3>\n\n<p>The Visual Builder package <code>divi-5\/scripts\/bundle.js<\/code> (and <code>divi-5\/styles\/bundle.css<\/code>) is produced with npm and webpack from human-readable TypeScript\/SCSS sources that ship inside this plugin:<\/p>\n\n<ul>\n<li>Source: <code>divi-5\/src\/<\/code> (entry: <code>divi-5\/src\/index.ts<\/code>)<\/li>\n<li>Build config: <code>divi-5\/webpack.config.js<\/code>, <code>divi-5\/tsconfig.json<\/code>, <code>divi-5\/package.json<\/code><\/li>\n<li>Root npm scripts: <code>package.json<\/code> (<code>npm install<\/code> then <code>npm run build<\/code>)<\/li>\n<\/ul>\n\n<p>Front-end module scripts under <code>assets\/scripts\/*.js<\/code> (except the vendor folder) are already human-readable and are not minified.<\/p>\n\n<h4>How to rebuild the Divi 5 bundle<\/h4>\n\n<ol>\n<li>Install Node.js 18 or newer.<\/li>\n<li>From the plugin root: <code>npm install<\/code><\/li>\n<li>Build: <code>npm run build<\/code><\/li>\n<li>Outputs: <code>divi-5\/scripts\/bundle.js<\/code> and <code>divi-5\/styles\/bundle.css<\/code><\/li>\n<\/ol>\n\n<p>You do not need to rebuild for normal use \u2014 the compiled files are included for production.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to <code>\/wp-content\/plugins\/<\/code>, or install via <strong>Plugins \u2192 Add New<\/strong>.<\/li>\n<li>Activate <strong>Studio Modules for Divi | Divi Studio Lite<\/strong>.<\/li>\n<li>Confirm Divi 5 is enabled (Divi Visual Builder).<\/li>\n<li>Optional: open <strong>Divi Studio \u2192 Dashboard<\/strong> to explore Free vs Pro modules.<\/li>\n<li>Edit any page with the Visual Builder and insert a Studio module from the module picker.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20require%20divi%205%3F\"><h3>Does this require Divi 5?<\/h3><\/dt>\n<dd><p>Yes. Studio Modules for Divi | Divi Studio Lite is <strong>Divi 5 only<\/strong>. It does not register Divi 4 modules.<\/p><\/dd>\n<dt id=\"is%20this%20the%20same%20as%20divi%20studio%3F\"><h3>Is this the same as Divi Studio?<\/h3><\/dt>\n<dd><p>This is the free \/ Lite pack (<strong>Studio Modules for Divi | Divi Studio Lite<\/strong>). Divi Studio Pro is the full library with many more modules. You can compare everything from <strong>Divi Studio \u2192 Dashboard<\/strong>.<\/p><\/dd>\n<dt id=\"how%20do%20i%20add%20a%20module%3F\"><h3>How do I add a module?<\/h3><\/dt>\n<dd><p>Open a page in the Divi Visual Builder \u2192 add a module \u2192 choose one of the included Studio modules. Configure Content, Design, and Advanced like any other Divi module.<\/p><\/dd>\n<dt id=\"will%20it%20conflict%20with%20divi%20studio%20pro%3F\"><h3>Will it conflict with Divi Studio Pro?<\/h3><\/dt>\n<dd><p>No. If Pro is active, the free plugin exits \/ deactivates so only one Studio library loads.<\/p><\/dd>\n<dt id=\"can%20i%20use%20it%20on%20client%20sites%3F\"><h3>Can I use it on client sites?<\/h3><\/dt>\n<dd><p>Yes \u2014 GPL-licensed. Ideal for freelancers and agencies shipping Divi 5 sites.<\/p><\/dd>\n<dt id=\"where%20do%20i%20get%20support%3F\"><h3>Where do I get support?<\/h3><\/dt>\n<dd><p>Use the <a href=\"https:\/\/wordpress.org\/support\/plugin\/studio-modules-for-divi\/\">WordPress.org support forum<\/a> for the free plugin, or visit <a href=\"http:\/\/divistudio.divipress.net\/\">Divi Studio<\/a> for Pro.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>0.1.3<\/h4>\n\n<ul>\n<li>Added Divi Studio Lite admin dashboard (Divi Studio \u2192 Dashboard) with All \/ Free \/ Pro module filters and upgrade CTA.<\/li>\n<li>Refreshed WordPress.org readme for clearer module coverage and Divi 5 positioning.<\/li>\n<\/ul>\n\n<h4>0.1.2<\/h4>\n\n<ul>\n<li>Include human-readable Divi 5 Visual Builder source (<code>divi-5\/src<\/code>) and build configs in the WordPress.org package, with rebuild instructions in the readme.<\/li>\n<\/ul>\n\n<h4>0.1.1<\/h4>\n\n<ul>\n<li>Removed module Custom CSS editors for WordPress.org compliance (available in the premium Divi Studio plugin).<\/li>\n<\/ul>\n\n<h4>0.1.0<\/h4>\n\n<ul>\n<li>Initial release with free Divi 5 modules.<\/li>\n<\/ul>","raw_excerpt":"Free Divi 5 modules for the Visual Builder \u2014 blurbs, carousels, flip boxes, Lottie, menus, and more. Divi Studio Lite by DiviPress.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/352898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=352898"}],"author":[{"embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/divipressteam"}],"wp:attachment":[{"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=352898"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=352898"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=352898"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=352898"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=352898"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=352898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}