Weblogix Software

<p>Mega Blocks – Editable Slider Block provides a powerful, customizable slider for the WordPress block editor (Gutenberg). It comes with Bootstrap 4, Swiper.js, background settings, and various customization options for your needs.</p>
<h3>Features</h3>
<ul>
<li>Responsive slider with Bootstrap 4 and Swiper.js integration.</li>
<li>Easy-to-use block in the Gutenberg editor.</li>
<li>Customizable background settings (image, color, gradient).</li>
<li>Padding and spacing controls.</li>
<li>Google Fonts integration for typography customization.</li>
<li>Animate.css integration for animations.</li>
<li>Over 100 ready-to-use slider designs.</li>
<li>Flexible layouts with advanced settings for background and typography.</li>
<li>Mobile-responsive design with touch-friendly Swiper.js integration.</li>
<li>Cross-browser compatibility for a consistent experience.</li>
<li>Easy installation and intuitive customization options.</li>
<li>Dynamic slider elements for custom animations and transitions.</li>
<li>Advanced typography settings to match brand guidelines.</li>
<li>Gradient and overlay effects for enhanced slider visuals.</li>
<li>Lightweight and optimized for fast loading.</li>
</ul>
<p>This plugin is ideal for users looking to add stylish, customizable sliders to their WordPress websites with ease.</p>
<h3>Why Choose Mega Gutenberg Slider?</h3>
<ul>
<li>User-Friendly Interface: Create stunning sliders effortlessly with the intuitive Gutenberg block editor.</li>
<li>Highly Customizable: Tailor your sliders with advanced settings for background, typography, and animations.</li>
<li>Mobile-Responsive Design: Ensure your sliders look great on all devices.</li>
<li>Feature-Rich Functionality: Leverage advanced options like gradient backgrounds, Google Fonts, and animation effects.</li>
</ul>
<h3>Layout and Background Options</h3>
<p>Enhance Your Sliders with Flexible Layout Choices, explore various layout and background options to make your sliders captivating and engaging.</p>
<ul>
<li>Banner Left Align: Display banner content aligned to the left, ideal for key text and buttons.</li>
<li>Banner Right Align: Align your banner content to the right for a clean, balanced look.</li>
<li>Banner Center Align: Create symmetry with a centered banner that makes main content stand out.</li>
<li>Left Align with Image: Combine text on the right with an image on the left for an engaging layout.</li>
<li>Right Align with Image: Showcase an image on the right with key text or call-to-action on the left.</li>
<li>Full Width Particle Background: Enhance your design with an animated particle background spanning the page.</li>
<li>Full Width Background Image: Feature a high-quality background image filling the page width for visual impact.</li>
<li>2 Column with Background Color: Organize content with background colors in a two-column layout.</li>
<li>Full Width Video Background: Engage visitors with a dynamic full-width video background.</li>
<li>Overlay Color on Background Image: Add an overlay to enhance text readability.</li>
<li>Box Layout with Solid Corners: A classic box layout with sharp corners, ideal for a structured design.</li>
<li>Box Layout With Rounded Corner: A modern box layout with rounded corners, adding a soft touch.</li>
</ul>
<h3>50+ Ready-to-Use Slider Designs</h3>
<p>Start with professionally designed templates to save time and effort. The Mega Gutenberg Slider includes over 50+ pre-built slider designs tailored for various use cases.</p>
<h3>Powerful Features at Your Fingertips</h3>
<ul>
<li>Typography Control: Add Google Fonts to enhance the text styling.</li>
<li>Animations: Integrate Animate.css effects for eye-catching transiti* * * ons.</li>
<li>Swiper.js Integration: Enable seamless, responsive, and touch-friendly sliders.</li>
<li>Bootstrap 4 Support: Ensure robust and reliable design compatibility.</li>
<li>Dynamic Elements: Customize animations and slider transitions for a unique look.</li>
<li>Advanced Backgrounds: Add gradients, overlays, or custom designs to fit your brand.</li>
<li>Optimized Performance: Lightweight code ensures quick load times.</li>
<li>RTL Support: Compatible with right-to-left languages for global reach.</li>
<li>Community and Updates: Regular plugin updates and an active support community.</li>
</ul>
<h3>Explore the Extensive Capabilities of Mega Gutenberg Slider</h3>
<p>Customizable Elements: Adjust every aspect of your slider, from content alignment to animation speed. Cross-Browser Compatibility: Works flawlessly across modern web browsers. Easy Installation: Install and activate the plugin to start creating sliders instantly.</p>
<h3>License</h3>
<p>This plugin is licensed under the GPLv2 or later. See the License URI for details.</p>


Mega Block Hero Banner Slider

A customizable Gutenberg slider block with Bootstrap 4, Swiper.js, background image, color, padding control, and advanced background settings.

lubus

Ajit Bohra

<blockquote>
<p><strong>Disclaimer:</strong> Experimental feature plugin to extend gutenberg block. Have a suggestion feel free to send a PR or <a href="https://github.com/lubusIN/block-background/issues" rel="nofollow ugc">open an issue</a>.</p>
</blockquote>
<p>Extend gutenberg blocks with additional background options</p>
<p><strong>Usage</strong></p>
<ul>
<li>Simply activate and new options for background will be added to inspector / sidebar options</li>
<li>Insert block of your choice add set background options</li>
<li>Live preview of background changes in your editor</li>
</ul>
<p><strong>Roadmap</strong></p>
<ul>
<li>More customization options</li>
</ul>
<p>If you have any suggestions/Feature request that you would like to see in the upcoming releases , feel free to let us know in the <a href="https://github.com/lubusIN/block-background/issues" rel="nofollow ugc">issues section</a></p>


Block Background

works fine. i'd update the docs page, on how to implement own color palettes, as this was something i had to figure out myself. here is a manual.

works as expected

Extend gutenberg blocks with additional background options

Mega Block Hero Banner Slider vs Block Background