Wavy Divider
A colorful, fun, lightweight divider block to energize your website with character and pizazz
The facts
- Rating
- 5★ from 1
- Active installs
- 700+
- Price
- Free
- Last updated
- 15 Aug 2026
- Added
- Feb 2022
- Requires WP
- 5.8
- Tested up to
- WP 7.1
- Requires PHP
- 7.0
- Downloads
- 12,840
Our analysis
AI-assistedWavy Divider is a WordPress plugin that allows you to add a wavy divider to your pages, helping to separate content blocks with a visually appealing design element. You can customise the divider's colour, opacity, width, and shape, as well as control its height and direction. The plugin supports the use of gradients and can be integrated with group blocks for enhanced design flexibility.
This plugin is suitable for users looking to enhance the aesthetic of their WordPress site with simple yet effective design features. It is particularly useful for those who want to create a professional look without extensive coding knowledge.
Best for: This plugin suits users who want to improve the visual layout of their WordPress site.
What it does well
- ✓Customisable colour settings, including opacity
- ✓Options for different widths and edge styles
- ✓Supports gradients when used with group blocks
- ✓Allows fine-tuning of curves and lines
- ✓Easy to use with built-in controls
Where it falls short
- •Limited information on user ratings and feedback
- •No advanced features beyond basic divider options
Verdict
Wavy Divider offers a straightforward solution for adding decorative dividers to your site. It is a useful tool for those seeking to enhance content separation with minimal effort.
From the developer
Kevin Batdorf's own description of Wavy Divider, lightly tidied.
Generate and add a simple wavy divider to anywhere on your page, giving you the ability to separate blocks of content with an impressive, professional-looking design element.
- Follow @kevinbatdorf on Twitter
- View on GitHub
Features
- Color settings, including opacity.
- Choose between wide, normal, and full width
- Choose between rounded edges and stright lines
- Fine tune curves and lines with built-in controls
- Supports top or bottom shapes
- Stack multiple dividers with group block (see below)
- Gradients – easy to use (see below)
- Control height, number of points, and direction
- Use a single, smooth point to give you a curved divider
Gradients
To use a gradient, you need to wrap the wavy divider in a group block and apply the gradient to the group block. After that, create a wavy shape and apply a color that matches your content background (e.g. white). You can then switch the direction of the divider (under settings) to give a mirrored effect. This way the gradient is applied to the group block and the wavy divider acts as a mask.
Group Block
If nesting the wavy divider in a group block, you may want to remove the padding and margins so that the wavy divider will not have spacing around it. To handle this, select the group block, and under “Advanced” (at the bottom of the settings area) add these two classes:
wavy-divider-remove-marginwavy-divider-remove-padding
Patterns
Within the block inserter, under the Patterns tab, select ‘Wavy Divider’ from the dropdown menu to view some example patterns.