Section Separator Block

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.

Read the full description on the official page →