Welcome to the Divi Squad Module Library! This comprehensive guide will introduce you to our 30+ powerful free Divi modules, each designed to enhance your Divi Builder experience and expand your design possibilities.
Table of Contents
- Introduction
- How to Use This Guide
- Module Categories
- Module List
- Featured Modules
- Advanced Usage Tips
Introduction
Divi Squad modules are powerful additions to the Divi Builder ecosystem. Each module is crafted to solve specific design challenges and create stunning, functional layouts with ease. Our modules are fully responsive, customizable, and seamlessly integrate with the Divi Visual Builder.
How to Use This Guide
- Browse through the categories to find modules suited to your needs
- Refer to the complete module list for a quick overview
- Each featured module description includes key features, use cases, and customization options
- Look for the “Pro Tip” sections for advanced usage ideas
Module Categories
- Content Enhancement
- Layout and Design
- Interactive Elements
- Media and Images
- Form Styling
- Text Effects
- Data Display
Module List
Divi Squad offers 30+ powerful free Divi modules:
- Advanced Blurb
- Advanced Divider
- Advanced Heading
- Advanced List
- Breadcrumbs
- Before After Image Slider
- Business Hours
- Dual Button
- Drop Cap Text
- Image Mask
- CPT Grid
- Flip Box
- Gallery
- Glitch Text
- Google Embed Map
- Gradient Text
- Lottie
- Post Grid
- Post Reading Time
- Scrolling Text
- Star Rating
- Taxonomy List
- Typing Text
- User List
- Video Popup
- Form Styler: Contact Form 7
- Form Styler: Gravity Form
- Form Styler: Fluent Forms
- Form Styler: Ninja Forms
- Form Styler: WPForms
Featured Modules
Advanced Blurb
The Advanced Blurb module is an enhanced version of Divi’s built-in Blurb module, offering more design options and flexibility.
Key Features:
- Additional icon and image placement options
- Enhanced hover effects
- More advanced typography controls
- Custom button styles
Use Cases:
- Feature highlights
- Service offerings
- Product showcases
- Team member profiles
Customization Options:
- Icon and image styling
- Content alignment and spacing
- Hover animations
- Button design and placement
Pro Tip: Combine the Advanced Blurb with the Gradient Text module to create eye-catching headlines within your blurbs.
Before After Image Slider
This module allows you to showcase before and after scenarios with an interactive slider, perfect for demonstrating transformations or comparisons.
Key Features:
- Smooth sliding interaction
- Customizable slider handle
- Option for vertical or horizontal orientation
- Responsive design
Use Cases:
- Home renovation showcases
- Photo editing demonstrations
- Product comparisons
- Weight loss transformations
Customization Options:
- Slider orientation and size
- Handle color and style
- Before/After labels
- Image overlay effects
Pro Tip: Use the Before After Image Slider in conjunction with the Flip Box module to create an engaging before/after reveal effect.
Form Styler Modules
Divi Squad offers form styling modules for popular form plugins: Contact Form 7, Gravity Forms, Fluent Forms, Ninja Forms, and WPForms.
Key Features:
- Consistent styling with your Divi theme
- Advanced field customization options
- Responsive design controls
- Error and success message styling
Use Cases:
- Contact forms
- Survey forms
- Registration forms
- Newsletter sign-ups
Customization Options:
- Field layouts and spacing
- Input field styles (background, border, typography)
- Submit button design
- Custom CSS classes for advanced styling
Pro Tip: Combine the Form Styler modules with the Advanced Divider and Gradient Text modules to create visually appealing form sections that stand out on your page.
Advanced Usage Tips
- Module Combinations: Many Divi Squad modules are designed to work together. For example, use the Advanced Heading with the Gradient Text module for standout section titles.
- Layout Enhancement: Utilize modules like Advanced Divider and Scrolling Text to add visual interest to your layouts and break up content sections effectively.
- Interactive Elements: Modules like Flip Box, Lottie, and Video Popup can add engaging interactive elements to your pages, increasing user engagement.
- Content Display: Take advantage of the CPT Grid and Post Grid modules to display your custom post types and blog posts in attractive, customizable layouts.
- Form Enhancement: Use the various Form Styler modules to ensure your forms match your site’s design perfectly, regardless of which form plugin you’re using.
- Text Effects: Experiment with modules like Glitch Text, Typing Text, and Gradient Text to add dynamic and eye-catching text elements to your designs.
- Responsive Design: Always test your layouts across different device sizes. Use the responsive controls in each module to fine-tune the appearance on various screen sizes.
- Performance Optimization: While our modules are optimized for performance, be mindful of the number of complex modules used on a single page. Use lazy loading options when available for media-heavy modules.
Remember, our support team is always here to help you make the most of these modules. Don’t hesitate to reach out if you have any questions or need assistance with advanced implementations.
Happy designing with Divi Squad modules!
