More premium hero sections
Add a wave, blob, or organic shape behind a title to give more depth to an intro section or call to action.
Add decorative SVG accents to your WordPress sections, with an advanced editor preview and clean responsive control from 4K down to mobile.
Preview content, adjust your SVG accents, and keep the layout readable across desktop, tablet, and mobile.
Add a decorative accent in seconds, then refine its position with a real responsive system.
A free WordPress Gutenberg plugin for adding decorative SVG accents to your sections. It works with Kadence row layouts and native Group blocks, with an advanced editor preview, 9 breakpoints, and overlay or stacked modes.
Blob, diagonal, chevron, wave, leaf, and grid dots — ready to use right away.
Place accents with more confidence thanks to a readable preview of the scene and content.
From 4K down to 375px. Adjust size, position, and layout mode for every screen size.
28 premium presets, custom SVGs, drag in preview, copy/paste settings, and subtle entrance animations.
Coming to WordPress.org soon
Section Accent is meant to improve real layouts, not add another gimmick. Here are three places where it makes an immediate visual difference.
Add a wave, blob, or organic shape behind a title to give more depth to an intro section or call to action.
Accent a heading, intro paragraph, or quote with a stronger shape without hurting readability or typographic balance.
Give agenda, event, and project pages more personality with a lightweight responsive art direction layer.
I’m continuing to polish the Section Accent launch while exploring a few other focused WordPress block ideas. Same philosophy every time: clear, lightweight, useful.
SVG accents bring depth to sections that would otherwise feel flat. Whether you need a wave between two blocks, a blob behind a heading, or a geometric overlay inside a hero, Section Accent makes it possible without code. It works like a native Gutenberg block: drop it into a Group block or Kadence row, choose an SVG shape, then adjust size, position, and layout mode across up to 9 responsive breakpoints.
Unlike a simple CSS separator, Section Accent relies on real SVGs and gives you an advanced editor preview to better visualize the composition. Overlay mode floats shapes over the content, while stacked mode places them in flow. The Pro add-on then expands the workflow with your own SVGs, drag in preview, copy/paste settings, and subtle entrance animations.