Part of Rare Blocks

Notch Hero

A hero with tabbed previews, so one screen shows several sides of the product.

A centered headline above a media band with a tab bar set into a notch. Click a tab and the preview crossfades to that screen. Tabs can rotate on their own on phones.

Get Rare Blocks

How to use Notch Hero in Divi

  1. Step 1

    Add the module

    Drop it into any Divi 5 section, row, or column. Container modules take your existing headings and buttons inside them.

  2. Step 2

    Pick a preset

    Ten presets per module set the motion, timing, and look in one click. Then adjust anything with the usual Divi design controls.

  3. Step 3

    Replace the content

    Swap in your text, images, or video. Motion runs live in the browser, with no video files or custom code, and reduced motion is respected.

Will Notch Hero slow down my site?

No. The effect is drawn live with no video files, and the animation library loads only on pages that use Notch Hero. Visitors who prefer reduced motion get a still version.

Can I change how Notch Hero moves?

Yes. Start from one of ten presets, then tune the timing and every visual detail with Divi design controls.

Does Notch Hero work with Divi 4?

No. Notch Hero is built for Divi 5 only. You need the Divi 5 theme or the Divi 5 Builder plugin.

Get Notch Hero with Rare Blocks

Or get every Divi People plugin with the All Access Pass.

See Rare Blocks Get All Access Pass