Section Separator Block is a lightweight and flexible Gutenberg block that helps you visually separate content sections using modern, responsive, and customizable dividers.
Easily add wave separators, icon dividers, pill-style separators, and bold gradient separators directly inside the WordPress block editor—no coding required.
Perfect for landing pages, blogs, portfolios, and business websites. Works seamlessly with any WordPress theme.
✨ Includes a fully FREE Icon Separator with customizable line styles, thickness, icon alignment, and improved editor controls.
✅ 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
- Install and activate the Section Separator plugin.
- Open the Gutenberg editor.
- Add the Section Separator block from the Widgets category.
- Customize settings from the right-side block panel.
- 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.
