Section Separator Block – Visually Separate Page Sections

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.

Demos

Perfect for:

– Section dividers for yor wordpress site – Decorative separators for portfolios

Lightweight, flexible, and beginner-friendly.

Free Features

Wave Separator – Create multiple waves with individual settings – Adjust wave speed and shape – Control stroke width and fill/stroke colors per wave – Place waves at Top, Middle, or Bottom – Set overall separator height (px, %, em)

Pro Features

Wave Separator – Vertical flip option to invert waves – One-click wave presets (Ocean, Neon Glow, Fire, Sunset) – Wave directions & motion (Left → Right, Right → Left, Static, Bounce, Inverted) – Control wave smoothness via segment count – Adjust wave amplitude (height)

Pill Separator – Per-pill customization (background & text colors, rotation, individual styling) – Pill item styling (typography, spacing, padding, border & radius, shadow effects) – Animation & motion (infinite marquee, left/right scroll, enable/disable, speed control) – Pill track styling (custom padding, margin, background: solid, gradient, image)

Gradient Separator – Organic waves background (enable/disable, solid/gradient, wave height, opacity, direction) – Gradient pattern overlay (decorative patterns, opacity, rotation, spacing, stripe colors & sizes) – Gradient item styling (shadow, padding, border, radius, pill/card style) – Compact version for pricing tables: multi-item gradient, per-item text/color, waves & pattern overlays

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.