Jakob Wiens

<p><strong>TZM Section Block</strong> brings powerful enhancements to the Gutenberg editor, allowing you to create visually appealing sections for your website with ease. This block is based on the official “Cover block” but offers advanced features for greater flexibility and design options.</p>
<ul>
<li><strong>Enhanced Parallax Background</strong>: Choose from “slow,” “medium,” and “fast” parallax speeds for a dynamic visual effect beyond the traditional “fixed” option.</li>
<li><strong>Customizable Divider Shapes</strong>: Add top and bottom divider shapes to your sections. Choose from various shapes and customize their color, height, and more.</li>
<li><strong>Responsive Full-Height Sections</strong>: Adjust full-height sections (100vh) to fit perfectly on screens by subtracting the height of a CSS selector element, such as a fixed header.</li>
<li><strong>Overflow Content Control</strong>: Easily hide or display overflowing content within a section.</li>
</ul>
<p>With these advanced options, TZM Section Block empowers designers and developers to craft sections that stand out while providing intuitive controls for seamless customization.</p>
<h3>Source Code</h3>
<p>The source code for TZM Section Block is now available on GitHub!<br />
Follow the development, report issues, and get involved in improving the plugin. We welcome contributions, feedback, and feature requests from the community.</p>
<ul>
<li><a href="https://github.com/jakobwiens7/tzm-section-block" rel="nofollow ugc">View on GitHub</a></li>
</ul>


TZM Section Block

Build cool and eye-catching sections with parallax effects, shape dividers, and more handy features using this versatile Gutenberg block.

Freemius

Abu Hayat

bPlugins

Charles Cormier

asadsuzan

<p><strong>Section Separator Block</strong> is the ultimate design tool for WordPress users who want to break free from boring, flat layouts. This lightweight and high-performance Gutenberg block allows you to add professional, eye-catching section dividers that improve user engagement and site aesthetics in seconds.</p>
<p>Whether you’re building a landing page, a portfolio, or a high-converting marketing site, our separators help you guide the visitor’s eye and create a premium feel without touching a single line of code.</p>
<h3>✨ Why settle for standard dividers?</h3>
<p>Traditional dividers are static and dull. Section Separator Block brings your site to life with dynamic wave motion, scrolling marquee pills, and the unique Emoji Stack effect that makes your content pop.</p>
<p><strong><a href="https://bblockswp.com/demo/section-separator-all/" rel="nofollow ugc">See Live Demos</a></strong></p>
<h3>🚀 Key Features</h3>
<h3>🌊 Multi-Layer Wave Separators</h3>
<h4>Create beautiful, fluid transitions between sections.</h4>
<ul>
<li><strong>Layered Waves:</strong> Stack multiple wave layers with different colors and opacities.</li>
<li><strong>Custom Motion:</strong> Control speed, amplitude (height), and shape.</li>
<li><strong>Advanced Directions:</strong> Choose from Left-to-Right, Right-to-Left, Bounce, or Static.</li>
<li><strong>Vertical Flip:</strong> Easily invert waves for top or bottom placement.</li>
</ul>
<h3>💊 Animated Pill Marquee (Pro)</h3>
<h4>Highlight your features or selling points with scrolling pill labels.</h4>
<ul>
<li><strong>Infinite Marquee:</strong> Smooth, high-performance scrolling animation.</li>
<li><strong>Fully Customizable:</strong> Edit text, colors, rotation, and shadows for every single pill.</li>
<li><strong>Global Styling:</strong> Control track padding, background, and item spacing.</li>
</ul>
<h3>🌟 Playful Emoji Stacks</h3>
<h4>A unique way to separate sections using your favorite emojis.</h4>
<ul>
<li><strong>Custom Emoji Selection:</strong> Use any emoji to create a patterned stack.</li>
<li><strong>Density & Randomness:</strong> Control how tightly emojis are packed and how “scattered” they look.</li>
<li><strong>Hover Animations:</strong> Make your emojis react when users move their mouse.</li>
<li><strong>Deterministic Layout:</strong> Stays consistent across all page loads.</li>
</ul>
<h3>🎨 Bold Gradient & Patterns</h3>
<h4>Geometric designs for a modern, tech-forward look.</h4>
<ul>
<li><strong>Pattern Overlays:</strong> Add stripes or organic shapes to your gradients.</li>
<li><strong>RichText Editing:</strong> Edit item text directly inside the block editor.</li>
<li><strong>Dynamic Gradients:</strong> Combine solid colors with stunning CSS gradients.</li>
</ul>
<h3>🛠️ Icon Separator</h3>
<h4>Classic dividers with a modern twist.</h4>
<ul>
<li><strong>SVG Support:</strong> Choose from a library or use your own custom icons.</li>
<li><strong>Line Styles:</strong> Solid, Dashed, or Dotted lines with adjustable thickness.</li>
<li><strong>Smart Alignment:</strong> Perfect positioning for Left, Center, or Right layouts.</li>
</ul>
<h3>✅ Perfect For</h3>
<ul>
<li><strong>Landing Pages:</strong> Create “sticky” designs that keep users scrolling.</li>
<li><strong>Portfolios:</strong> Showcase your work with creative, modern separators.</li>
<li><strong>E-commerce:</strong> Highlight trust badges or features using the Pill Marquee.</li>
<li><strong>Blogs:</strong> Add a touch of personality to your long-form content.</li>
</ul>
<h3>💎 Free vs Pro</h3>
<h4>Free Version Includes:</h4>
<ul>
<li>Standard Wave Separator with core controls.</li>
<li>Fully featured Icon Separator (All options included!).</li>
<li>Basic Bold Gradient Separator.</li>
<li>Responsive controls for Desktop, Tablet, and Mobile.</li>
<li>Centralized management via the “Section Separator” post type.</li>
</ul>
<h4>Pro Version Unlocks:</h4>
<ul>
<li><strong>Premium Wave Presets:</strong> Ocean, Neon Glow, Fire, and Sunset.</li>
<li><strong>Animated Pill Separator:</strong> The infinite marquee effect for features.</li>
<li><strong>Advanced Wave Motion:</strong> Bounce, Invert, and custom directions.</li>
<li><strong>Complex Patterns:</strong> High-end geometric overlays for gradients.</li>
<li><strong>Priority Support:</strong> Direct help from our expert developers.</li>
</ul>
<h3>How to use</h3>
<ol>
<li>Install and activate the Section Separator plugin.</li>
<li>Open the Gutenberg editor.</li>
<li>Add the Section Separator block from the Widgets category.</li>
<li>Customize settings from the right-side block panel.</li>
<li>Enjoy beautiful section dividers 🎉</li>
</ol>
<p><strong><em>For installation help click on Installation Tab</em></strong></p>
<h3>Feedback</h3>
<p>Did you find a bug or have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></p>
<h3>Check out the Parent Plugin of this plugin-</h3>
<p><a href="https://bblockswp.com" rel="nofollow ugc"><strong>B Blocks</strong></a> – A blocks collection and page building tool for Gutenberg.</p>
<h3>Check out our other WordPress Plugins-</h3>
<p><a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc"><strong>Html5 Video Player</strong></a> – Display videos as single and playlist in multiple skins.</p>
<p><a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc"><strong>PDF Poster</strong></a> – Display/Embed PDF files with different styles.</p>
<p><a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc"><strong>Html5 Audio Player</strong></a> – Listen audios with awesome visuals.</p>
<p><a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc"><strong>StreamCast</strong></a> – Customizable radio player with different skins.</p>
<p><a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc"><strong>3D Viewer</strong></a> – Embed 3D models and 3D products with interaction.</p>
<p><a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc"><strong>Advanced Post Block</strong></a> – Show posts and custom posts in different layouts.</p>


Section Separator Block – Modern Waves, Icons, Pills & Emoji Stacks

Create stunning, responsive section dividers with multi-layer waves, animated pills, SVG icons & playful emoji stacks to boost conversions.

TZM Section Block vs Section Separator Block – Modern Waves, Icons, Pills & Emoji Stacks