MrStar

<p><strong>MrStar Accordion Builder</strong> is a comprehensive WordPress plugin that makes it easy to create professional, responsive accordions without any coding. Whether you’re building FAQs, collapsible content sections, or dynamic post-based accordions, this plugin provides all the tools you need.</p>
<h4>Why Choose MrStar Accordion Builder?</h4>
<ul>
<li><strong>No Coding Required</strong> – Intuitive admin interface for creating and managing accordions</li>
<li><strong>Two Content Sources</strong> – Create accordions manually or dynamically from WordPress posts</li>
<li><strong>Flexible Styling</strong> – Per-accordion and global theme-based styling options</li>
<li><strong>Repeatable Fields</strong> – Add unlimited accordion items with titles and content</li>
<li><strong>Theme System</strong> – Create reusable accordion themes for consistent styling across your site</li>
<li><strong>Shortcode Support</strong> – Easy shortcode integration with full customization</li>
<li><strong>Lightweight</strong> – Optimized code with minimal dependencies</li>
<li><strong>Translation Ready</strong> – Fully localized for international audiences</li>
<li><strong>Multiple Instances</strong> – Use multiple accordions on the same page without conflicts</li>
</ul>
<h4>Key Features</h4>
<p><strong>1. Custom Post Type Management</strong><br />
Manage all your accordions from a dedicated admin interface. Organize, edit, and publish accordions just like regular posts.</p>
<p><strong>2. Two Accordion Source Options</strong><br />
* <strong>Manual Content</strong> – Create accordion items directly with titles and rich text content<br />
* <strong>Post-Based</strong> – Automatically generate accordions from WordPress posts with custom filtering and sorting</p>
<p><strong>3. Repeatable Accordion Items</strong><br />
Add unlimited accordion items to each accordion. Each item includes:<br />
* Custom title<br />
* Rich text content editor<br />
* Flexible organization with drag-and-drop sorting</p>
<p><strong>4. Advanced Theme System</strong><br />
* Create unlimited reusable themes<br />
* Apply themes to multiple accordions<br />
* Override theme settings per accordion<br />
* Consistent styling across your entire site</p>
<p><strong>5. Customization Options</strong><br />
* Choose between single and multiple open items (accordion or multi-collapse behavior)<br />
* Configure animation speed<br />
* Control which item opens first<br />
* Custom styling for icons and appearance<br />
* Per-accordion style overrides</p>
<p><strong>6. Responsive Design</strong><br />
Built with mobile-first design principles to ensure your accordions look great on all devices.</p>
<p><strong>7. Easy Shortcode Integration</strong><br />
Simple shortcode syntax: <code>[mrstar_accordion id="123"]</code><br />
Use multiple accordions on the same page without conflicts.</p>
<h4>Use Cases</h4>
<ul>
<li>Frequently Asked Questions (FAQs)</li>
<li>Product features and specifications</li>
<li>Pricing plans with feature lists</li>
<li>Service descriptions</li>
<li>Team member bios</li>
<li>Terms and conditions</li>
<li>Help documentation</li>
<li>Any collapsible content sections</li>
</ul>
<h3>Getting Started</h3>
<h4>Step 1: Create an Accordion</h4>
<ol>
<li>Navigate to <strong>Accordion > Add New</strong></li>
<li>Enter a title for your accordion</li>
<li>Click <strong>Publish</strong></li>
</ol>
<h4>Step 2: Add Accordion Items</h4>
<p>In the “Accordion Items” metabox:<br />
1. Click “Add Item”<br />
2. Enter the item title<br />
3. Add the content in the editor<br />
4. Drag to reorder items as needed<br />
5. Click <strong>Update</strong></p>
<h4>Step 3: Configure Settings</h4>
<ul>
<li>Select accordion <strong>Source</strong> (Manual Content or Posts)</li>
<li>Choose or create a <strong>Theme</strong></li>
<li>Set <strong>Accordion Behavior</strong> (single or multiple items open)</li>
<li>Adjust animation <strong>Speed</strong></li>
<li>Control which item opens <strong>first</strong></li>
</ul>
<h4>Step 4: Display Your Accordion</h4>
<p>Copy the shortcode from the “Accordion Shortcode” metabox and paste it into any:<br />
* Page<br />
* Post<br />
* Text widget<br />
* Custom page template</p>
<h4>Advanced: Using Post-Based Accordions</h4>
<ol>
<li>Select “Post-Based” as the source</li>
<li>Choose post type to display</li>
<li>Set up filters (categories, tags, authors)</li>
<li>Configure sorting options</li>
<li>Set pagination if needed</li>
</ol>
<h4>Advanced: Creating Custom Themes</h4>
<ol>
<li>Go to <strong>Accordion > Accordion Themes</strong></li>
<li>Click <strong>Add New</strong></li>
<li>Configure:
<ul>
<li>Default styling</li>
<li>Icon settings</li>
<li>Animation behavior</li>
</ul>
</li>
<li>Apply to multiple accordions for consistent design</li>
</ol>
<h3>Shortcode Reference</h3>
<h4>Basic Shortcode</h4>
<pre><code>[mrstar_accordion id="123"]
</code></pre>
<p><strong>Attributes:</strong><br />
* <code>id</code> (required) – The accordion post ID to display</p>
<h4>Example</h4>
<pre><code>[mrstar_accordion id="42"]
</code></pre>
<p>To find your accordion ID:<br />
1. Go to Accordion > All Accordions<br />
2. Copy the shortcode for the accordion you want from the table.</p>
<h3>Technical Details</h3>
<h4>Requirements</h4>
<ul>
<li>WordPress 6.0 or higher</li>
<li>PHP 7.2 or higher</li>
<li>Modern web browser (Chrome, Firefox, Safari, Edge)</li>
</ul>
<h4>Compatibility</h4>
<ul>
<li>Fully compatible with WordPress 6.0 and higher</li>
<li>Works with popular themes and page builders</li>
<li>Compatible with multisite installations</li>
</ul>
<h4>Performance</h4>
<ul>
<li>Lightweight and optimized for speed</li>
<li>Minimal database queries</li>
<li>Efficient CSS and JavaScript loading</li>
<li>Inline styles only when necessary</li>
</ul>
<h4>Security</h4>
<ul>
<li>Nonces for form security</li>
<li>Proper capability checks</li>
<li>Sanitized and escaped output</li>
<li>SQL injection prevention</li>
</ul>
<h3>Frequently Requested Features</h3>
<p>We’re always looking to improve MrStar Accordion Builder. Requested features include:<br />
* Custom animation effects<br />
* Advanced styling options<br />
* Integration with popular plugins<br />
* Additional content sources</p>
<p>Have a feature request? Post in the support forum!</p>
<ol>
<li>Admin: Create and manage accordions</li>
<li>Frontend: Example accordion display</li>
</ol>


MrStar Accordion Builder

Create professional, responsive accordions, collapsible content, and dynamic posts, no coding required.

PlugPress

Fahim Reza

WPPaw

Divi Torque

DiviEpic

DiviPeople by PlugPress

<p>Divi Torque Lite adds 25+ free, beautifully designed modules to the Divi Builder — so you can build richer pages without writing code or slowing your site down. Each module is fully responsive, easy to customize, and made to feel native to Divi.</p>
<p><strong><a href="https://divitorque.com/features/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-features" rel="nofollow ugc">View Demos</a> · <a href="https://divitorque.com/pricing/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-pro" rel="nofollow ugc">Get Pro</a> · <a href="https://divitorque.com/docs/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-docs" rel="nofollow ugc">Documentation</a></strong></p>
<h4>Now Divi 5 ready</h4>
<p>Divi Torque is being rebuilt for the new Divi 5 Builder. As of 4.5.0, every static module runs natively in Divi 5 — Gradient Heading, Divider, Icon Box, Inline Notice, Dual Button, Info Box, Info Card, Team Member, Image Carousel, Logo Carousel, Logo Grid, Skill Bar, Business Hours, Scroll Image, Review Box, Flip Card, Testimonial, Number Counter, Before & After Slider, Video Modal, and Animated Text. Your existing Divi 4 layouts migrate automatically and keep working exactly as before.</p>
<h4>Why Divi Torque Lite?</h4>
<ul>
<li><strong>Fully customizable</strong> — Extensive design options on every module so you can match your brand pixel for pixel.</li>
<li><strong>Lightweight & fast</strong> — Clean, optimized code with no bloat, built for fast loading and smooth live editing.</li>
<li><strong>Module Manager</strong> — Enable only the modules you use and disable the rest to keep your site lean.</li>
<li><strong>Expert support</strong> — A responsive support team ready to help via the forum, live chat, or contact form.</li>
</ul>
<h4>25+ Free Divi Modules</h4>
<ul>
<li><a href="https://divitorque.com/features/icon-box" rel="nofollow ugc">Icon Box</a> — Pair icons with text to present services and features clearly.</li>
<li><a href="https://divitorque.com/features/contact-form-7" rel="nofollow ugc">Contact Form 7 Styler</a> — Style Contact Form 7 forms to match your design.</li>
<li><a href="https://divitorque.com/features/separator" rel="nofollow ugc">Separator</a> — Add precise, customizable dividers between sections.</li>
<li><a href="https://divitorque.com/features/skill-bar" rel="nofollow ugc">Skill Bar</a> — Show proficiency levels with animated progress bars.</li>
<li><a href="https://divitorque.com/features/logo-grid" rel="nofollow ugc">Logo Grid</a> — Display client, partner, or sponsor logos in a clean grid.</li>
<li><a href="https://divitorque.com/features/person" rel="nofollow ugc">Person</a> — Introduce team members with photos, bios, and social links.</li>
<li><a href="https://divitorque.com/features/testimonial" rel="nofollow ugc">Testimonial</a> — Showcase reviews and quotes to build trust.</li>
<li><a href="https://divitorque.com/features/info-box" rel="nofollow ugc">Info Box</a> — Highlight key information with icon-and-text boxes.</li>
<li><a href="https://divitorque.com/features/info-card" rel="nofollow ugc">Info Card</a> — Present details in an engaging card layout.</li>
<li><a href="https://divitorque.com/features/dual-button" rel="nofollow ugc">Dual Button</a> — Offer two clear calls to action side by side.</li>
<li><a href="https://divitorque.com/features/before-after-slider" rel="nofollow ugc">Before & After Slider</a> — Compare two images with an interactive slider.</li>
<li><a href="https://divitorque.com/features/image-carousel" rel="nofollow ugc">Image Carousel</a> — Build responsive image sliders with full controls.</li>
<li><a href="https://divitorque.com/features/logo-carousel" rel="nofollow ugc">Logo Carousel</a> — Rotate client and partner logos elegantly.</li>
<li><a href="https://divitorque.com/features/number" rel="nofollow ugc">Number Counter</a> — Animate statistics and key figures.</li>
<li><a href="https://divitorque.com/features/video-modal" rel="nofollow ugc">Video Modal</a> — Open videos in a sleek, responsive popup.</li>
<li><a href="https://divitorque.com/features/scroll-image" rel="nofollow ugc">Scroll Image</a> — Add vertical or horizontal scrolling image effects.</li>
<li><a href="https://divitorque.com/features/news-ticker" rel="nofollow ugc">News Ticker</a> — Display live updates and announcements.</li>
<li><a href="https://divitorque.com/features/post-list" rel="nofollow ugc">Post List</a> — List blog posts and articles for easy browsing.</li>
<li><a href="https://divitorque.com/features/review-box" rel="nofollow ugc">Review Box</a> — Highlight customer feedback to build credibility.</li>
<li><a href="https://divitorque.com/features/flip-card" rel="nofollow ugc">Flip Card</a> — Reveal extra content with an interactive flip.</li>
<li><a href="https://divitorque.com/features/animated-text" rel="nofollow ugc">Animated Text</a> — Capture attention with dynamic text animations.</li>
<li><a href="https://divitorque.com/features/business-hours" rel="nofollow ugc">Business Hours</a> — Show opening times in a clear, tidy layout.</li>
<li><a href="https://divitorque.com/features/gradient-heading" rel="nofollow ugc">Gradient Heading</a> — Apply striking gradient effects to headings.</li>
<li><a href="https://divitorque.com/features/inline-notice" rel="nofollow ugc">Inline Notice</a> — Highlight important notes with ready-to-use boxes.</li>
</ul>
<h4>Go Further with Divi Torque Pro</h4>
<p>Pro unlocks 50+ advanced modules and extensions, including:</p>
<ul>
<li><a href="https://divitorque.com/features/post-grid" rel="nofollow ugc">Post Grid</a> & <a href="https://divitorque.com/features/post-carousel" rel="nofollow ugc">Post Carousel</a> — Dynamic blog and portfolio layouts.</li>
<li><a href="https://divitorque.com/features/filterable-gallery" rel="nofollow ugc">Filterable Gallery</a> & <a href="https://divitorque.com/features/masonry-gallery" rel="nofollow ugc">Masonry Gallery</a> — Stunning, filterable image grids.</li>
<li><a href="https://divitorque.com/features/ajax-search" rel="nofollow ugc">Ajax Search</a> — Instant, live search results.</li>
<li><a href="https://divitorque.com/features/lottie-animation" rel="nofollow ugc">Lottie Animation</a> — Lightweight interactive animations.</li>
<li><a href="https://divitorque.com/features/timeline" rel="nofollow ugc">Timeline</a> & <a href="https://divitorque.com/features/horizontal-timeline" rel="nofollow ugc">Horizontal Timeline</a> — Tell stories step by step.</li>
<li><a href="https://divitorque.com/features/pricing-table" rel="nofollow ugc">Pricing Table</a> & <a href="https://divitorque.com/features/star-rating" rel="nofollow ugc">Star Rating</a> — Convert visitors with clear, trusted layouts.</li>
<li><a href="https://divitorque.com/features/gravity-forms" rel="nofollow ugc">Gravity Forms</a> & <a href="https://divitorque.com/features/fluent-forms" rel="nofollow ugc">Fluent Forms</a> stylers — Beautiful, on-brand forms.</li>
<li><a href="https://divitorque.com/features/whatsapp-chat" rel="nofollow ugc">WhatsApp</a>, <a href="https://divitorque.com/features/telegram-chat" rel="nofollow ugc">Telegram</a> & <a href="https://divitorque.com/features/instagram-chat" rel="nofollow ugc">Instagram</a> chat — Connect with visitors instantly.</li>
</ul>
<p><a href="https://divitorque.com/pricing/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-pro" rel="nofollow ugc">Explore all Pro modules <span aria-hidden="true" class="wp-exclude-emoji">→</span></a></p>
<h4>Requirements</h4>
<p>Divi Torque Lite extends Divi. You’ll need the <a href="https://www.elegantthemes.com/gallery/divi/" rel="nofollow ugc">Divi Theme</a> or <a href="https://www.elegantthemes.com/gallery/divi/" rel="nofollow ugc">Divi Builder</a> installed for it to work.</p>
<h4>Connect with us</h4>
<p>Need a hand? <a href="https://divitorque.com/contact-us/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-contact" rel="nofollow ugc">Contact our support team</a> or <a href="https://x.com/PlugPressHQ" rel="nofollow ugc">follow @PlugPressHQ on X</a> for updates.</p>


Divi Torque Lite – Divi Modules for the Divi Builder & Theme


Brilliant free plugin. Video popup works great



Despite not having "Pro version" modules enabled or utilized, the free version of the plugin loads "Pro version" only module's assets, adding bloat to the site. Not only that, but it also loads the unminified .js file rather than the (sitting there ready and available to use) .min.js file. This causes a performance score hit that needs to be chased down by developers when the site owner complains that their site is scoring poorly in tests they've run. If I haven't paid for the "Pro Version" Pop ups module then why is the unminified version of "Magnific Pop Up" being loaded?


Performance score hit.


It suddenly started displaying the Shortcodes on all pages / posts. 


Shortcodes displaying all over the site.

Supercharge the Divi Builder with 25+ free, lightweight modules — Icon Box, Carousel, Testimonials, Gradient Heading, and more.

MrStar Accordion Builder vs Divi Torque Lite – Divi Modules for the Divi Builder & Theme