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. 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.

From Gutenberg Editor:

1. Go to the WordPress Block/Gutenberg Editor
2. Search For Section Separator
3. Click on the Section Separator to add the block

Download & Upload:

1. Download the Section Separator plugin (.zip file)
2. In your admin area, go to the Plugins menu and click on Add New
3. Click on Upload Plugin and choose the separator.zip file and click on Install Now
4. Activate the plugin and Enjoy!

Manually:

1. Download and upload the Section Separator plugin to the /wp-content/plugins/ directory
2. Activate the plugin through the Plugins menu in WordPress

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.