Section Separator Block – Visually Separate Page Sections

Section Separator Block is a lightweight and flexible Gutenberg block plugin that helps you visually separate content sections using modern, responsive, and customizable separators.

You can add wave separators, icon dividers, pill-style separators, and bold gradient section dividers directly inside the WordPress block editor—no coding required.

This plugin is ideal for landing pages, blogs, portfolios, business websites, and marketing pages, and works perfectly with any WordPress theme.

✨ Includes a fully FREE Icon Separator with customizable line styles, thickness, icon alignment, and improved editor controls.

Demos

✅ Why use Section Separator?

• Clean and modern section dividers
• Fully Gutenberg-native
• Responsive and performance-optimized
• Beginner-friendly with advanced controls

Perfect for

• Visually separating sections on your WordPress site
• Landing pages, portfolios, blogs, and marketing pages
• Decorative dividers with modern design aesthetics

Lightweight, flexible, and easy to use.

Key Features Include

• Wave Separator Block with multi-layer waves
• Adjustable wave height (amplitude) and shape
• Control wave color, opacity, and placement (top or bottom)
• Icon Separator (100% Free) with custom icon or SVG support
• Icon alignment: Left, Center, Right
• Line thickness and line style options (Solid, Dashed, Dotted)
• Multiple separator variants: Solid, Gradient, Glow
• Pill Separator with animated pill labels (pro)
• Infinite marquee animation with speed control (Pro)
• Bold Gradient Separator with SVG waves and decorative patterns
• Spacing, padding, margin, border, shadow, and typography controls
• Fully responsive on desktop, tablet, and mobile
• Optimized for fast loading and clean output

Free Version Includes:

Free Includes:

• Wave Separator (core features)
• Icon Separator (fully free)
• Basic Bold Gradient Separator
• Responsive design
• Unlimited usage
• Clipboard Copy for Shortcode

Pro Version Unlocks:

• Advanced wave motion directions and animations
• Premium wave presets (Ocean, Neon Glow, Fire, Sunset)
• Pill Separator with marquee animation and styling
• Advanced Bold Gradient options (patterns, SVG overlays)
• Priority support and automatic updates

How to use

1. Install and activate the Section Separator plugin.
2. Open the Gutenberg editor.
3. Add the Section Separator block from the Widgets category.
4. Customize settings from the right-side block panel.
5. Enjoy beautiful section dividers 🎉

For installation help click on Installation Tab

Feedback

• Did you find a bug or have a feature request? Please share your feedback with us

Check out the Parent Plugin of this plugin-

B Blocks – A blocks collection and page building tool for Gutenberg.

Check out our other WordPress Plugins-

Html5 Video Player – Display videos as single and playlist in multiple skins.

PDF Poster – Display/Embed PDF files with different styles.

Html5 Audio Player – Listen audios with awesome visuals.

StreamCast – Customizable radio player with different skins.

3D Viewer – Embed 3D models and 3D products with interaction.

Advanced Post Block – Show posts and custom posts in different layouts.