Description
The Section Separator Block allows you to add elegant Wave, Pill, and Gradient separators to visually divide your content. Customize styles, animations, colors, and positions without writing any code. Perfect for modern page layouts, landing pages, portfolios, and more. With full Gutenberg support, responsive design, and Pro features for advanced customization, this block enhances page aesthetics and user experience.
Perfect for:
– Section dividers for yor wordpress site
– Decorative separators for portfolios
Lightweight, flexible, and beginner-friendly.
Key Features Include:
– Multi-layer Wave Separator with adjustable amplitude, colors, direction, and motion.
– Pill Separator: add animated pill labels with customizable colors, text, rotation, and style.
– Bold Gradient Separator: hybrid free + pro separator with gradient backgrounds, SVG waves, and decorative patterns.
– Full control over spacing, padding, margin, border, shadow, and typography.
– One-click premium wave presets: Ocean, Neon Glow, Fire & Sunset.
– Infinite marquee animation for pills and organic wave motion.
– Compatible with both Gutenberg editor and classic page builders.
– Fully responsive and lightweight for fast page load.
Upgrade to Pro to unlock:
– Premium wave presets & advanced motion controls.
– Pill separator with infinite marquee, speed control, and individual pill styling.
– Bold Gradient: SVG waves, decorative patterns, background options, and per-item styling.
– Priority support & automatic updates.
Support
– Priority support & updates
How to use
- First, install the Section Separator plugin.
- Add the Section Separator block from the block category called “Widgets” in the Gutenberg editor.
- You can change block settings from the right-side settings sidebar.
-
Enjoy!
-
For installation help click on Installation Tab
Feedback
- Did you like this plugin? Dislike it? Do you 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.
Blocks
This plugin provides 1 block.
- Section Separator Separate the section in beautiful way.
Installation
From Gutenberg Editor:
- Go to the WordPress Block/Gutenberg Editor
- Search For Section Separator
- Click on the Section Separator to add the block
Download & Upload:
- Download the Section Separator plugin (.zip file)
- In your admin area, go to the Plugins menu and click on Add New
- Click on Upload Plugin and choose the
separator.zipfile and click on Install Now - Activate the plugin and Enjoy!
Manually:
- Download and upload the Section Separator plugin to the
/wp-content/plugins/directory - Activate the plugin through the Plugins menu in WordPress
FAQ
-
Is Section Separator free?
-
Yes, Section Separator is a free Gutenberg block plugin.
-
Does it work with any WordPress theme?
-
Yes, it will work with any standard WordPress theme.
-
Can I change block settings?
-
Yes, you can change block settings from the Gutenberg block editor’s right sidebar.
-
How many times can I reuse a block?
-
You can use unlimited times as you want.
-
Is it responsive?
-
Absolutely. All separators are fully responsive and work on desktop, tablet, and mobile devices.
-
Where can I get support?
-
You can post your questions on the support forum here
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Section Separator Block – Visually Separate Page Sections” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Section Separator Block – Visually Separate Page Sections” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
2.0.0 – 23 Dec 2025
- Added four new aesthetic wave presets: Ocean, NeonGlow, Fire, and Sunset.
- Added support for controlling wave amplitude (height/intensity).
- Added Wave Direction options: Left-to-Right (ltr), Right-to-Left (rtl), Invert, Static, Bounce.
- Added vertical flip option to invert wave direction vertically.
- Added a brand-new Separator Type: Pill, featuring colorful floating pill labels.
- Pill separator includes smooth infinite marquee animation with customizable duration/speed.
- Each pill supports individual customization: Background color, Text color, Label text, Rotation angle.
- Global style controls for the pill track: Padding, Margin, Background, spacing/gap.
- Individual pill item styling controls: Padding, Shadow, Typography, Border, Border Radius.
- Added a brand-new BoldGradient Separator combining editable pill-style items with pattern and wave overlays.
- Background Type control: Both, Pattern, Organic, or None.
- Organic Waves Controls: Enable/disable, Top & Bottom Opacity, Wave Height, Color Mode (Solid/Gradient), Gradient Options (Start Color, End Color, Direction: Horizontal, Vertical, Diagonal).
- Pattern Controls: Toggle visibility, Opacity, Configure Angle, Transparent Gap, Stripe Colors, and Distances.
- Dynamic Gradient Items: Inline RichText editing, Add/Duplicate/Remove items, Per-item color control.
- Gradient Item Styling Controls: Padding, Border, Border Radius, Shadow.
1.0.5 – 27 Nov 2025
- Improve Optimization.
1.0.4
- Add translate feature
1.0.3
- Fix Render Issue
1.0.2
- Reduce PHP Code
- Performance Improvements
1.0.1
- Reduce PHP Code
1.0.0
- Initial Release.




