=== Section Separator Block – Visually Separate Page Sections === Contributors: bplugins, abuhayat, charlescormier,asadsuzan, freemius Donate link: https://www.buymeacoffee.com/abuhayat Tags: block, wave section separator, separator, wave separator, Gutenberg block Requires at least: 6.5+ Tested up to: 6.9 Stable tag: 2.0.0 Requires PHP: 7.1 License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html A Gutenberg block to add animated, stylish section separators and dividers for modern WordPress pages and posts. ==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. **[Demos](https://bblockswp.com/demo/separator/)** ### 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](mailto:support@bplugins.com 'Send feedback') ### Check out the Parent Plugin of this plugin- [**B Blocks**](https://bblockswp.com) – A blocks collection and page building tool for Gutenberg. ### Check out our other WordPress Plugins- [**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display videos as single and playlist in multiple skins. [**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF files with different styles. [**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen audios with awesome visuals. [**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable radio player with different skins. [**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and 3D products with interaction. [**Advanced Post Block**](https://bplugins.com/products/advanced-post-block/) – Show posts and custom posts in different layouts. == Installation == = 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 == Frequently Asked Questions == = 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](https://wordpress.org/support/plugin/section-separator/) == Screenshots == 1. Settings 2. Wave Separator 3. Pill Separator 4. Gradient Separator == 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. == Upgrade Notice == Upgrade for **advanced wave motion, premium wave presets, pill separators, decorative patterns, and priority support**.