Section Separator Block – add stylish dividers between page sections

Break free from boring, flat layouts – add professional, eye-catching section dividers that guide the visitor's eye and give your site a premium feel, no code required. See Live Demos Why Section Separator Block? Traditional dividers are static and dull. Section Separator Block brings your site to life with dynamic wave motion, scrolling marquee pills, geometric gradients, and the unique Emoji Stack effect that makes your content pop. This lightweight, high-performance Gutenberg block lets you add stunning separators between sections in seconds. Whether you're building a landing page, a portfolio, or a high-converting marketing site, every separator type comes with responsive controls for desktop, tablet, and mobile. Free Features

• Multi-Layer Wave Separator: Stack wave layers with different colors and opacities, control speed and amplitude, and flip waves vertically for top or bottom placement.
• Icon Separator (fully featured): Classic dividers with SVG support – choose from a library or paste your own custom icons, with solid, dashed, or dotted lines, adjustable thickness, and left/center/right alignment.
• Emoji Stack Separator: Use any emoji to create a patterned stack with density, randomness, and hover animation controls – layout stays consistent across page loads.
• Bold Gradient Separator (basic): Combine solid colors with CSS gradients and edit item text directly in the editor with RichText.
• Responsive Controls: Fine-tune every separator for desktop, tablet, and mobile.
• Centralized Management: Manage all separators via the "Section Separator" post type.

Pro Version

• Premium Wave Presets: Ocean, Neon Glow, Fire, and Sunset.
• Animated Pill Separator: Infinite marquee of scrolling pill labels – edit text, colors, rotation, and shadows for every pill, plus global track padding, background, and spacing controls.
• Advanced Wave Motion: Bounce, Invert, and custom directions (Left-to-Right, Right-to-Left, Static).
• Complex Patterns: High-end geometric overlays for gradients – stripes and organic shapes.
• Priority Support: Direct help from our expert developers.

How to Use – Quick Start

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!

Use Cases

• Landing Pages: Create "sticky" designs that keep users scrolling.
• Portfolios: Showcase your work with creative, modern separators.
• E-commerce: Highlight trust badges or features using the Pill Marquee.
• Blogs: Add a touch of personality to your long-form content.

Did you find a bug or have a feature request? Please share your feedback with us Check Out the Parent 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 your WordPress dashboard (recommended):

1. Go to Plugins → Add New.
2. Search for "Section Separator".
3. Click Install Now, then Activate.
4. Add the Section Separator block to any post or page from the Gutenberg editor.

Manual installation:

1. Download the Section Separator plugin (.zip file).
2. In your admin area, go to Plugins → Add New and click Upload Plugin.
3. Choose the separator.zip file and click Install Now.
4. Activate the plugin through the Plugins menu in WordPress and enjoy!

2.0.5 - 09 June 2026

• Fix: Removed static imports of block editor packages from frontend scripts which caused 401 unauthorized errors.

2.0.4 - 02 June 2026

• Fix: Fixes emoji settings UI spacing
• Improvement: Load pill typography styles and Google Font links only when separator is pill

2.0.3 – 11 May 2026

• New: Introduced the Emoji Stack separator - fully free and customizable!
• Improvement: Refined block metadata and improved performance.

2.0.2 – 23 Feb 2026

• Update: Redesigned and modernized admin dashboard interface.

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.