🎭 Masquerade for Elements — Creative Image Layout Masks

[barz-stacks (Maik Barz)]

Hi everyone,

I’ve released a new Elements component: Masquerade

Masquerade is designed for creating more expressive image layouts by turning regular images into masked, segmented, and visually dynamic compositions. Instead of simply placing a flat image on the page, you can use Masquerade to build layouts with vertical columns, offset slices, rounded gaps, different heights, and more stylized image presentations.

It is especially useful for hero sections, product showcases, portfolio pages, landing pages, and visual storytelling where a standard rectangular image feels too static.

What Masquerade is about:

• Creative image mask layouts
• segmented image effects
• Rounded spacing and modern visual compositions
• Responsive layouts for Elements projects
• A clean way to add visual depth without building everything manually

Product page:

Masquerade Image Layout Masks for Elements | Barz Stacks

Demo page:
https://elements.barz-stacks.eu//masquerade/

Marketplace:

Masquerade for RapidWeaver Elements

Installation:
Click me

I’d be happy to hear feedback, ideas, and examples of how you use it in your own Elements projects.

Maik
Barz Stacks

[dan]

Congrats on the launch

[AnasHyeee (Anas)]

Great components to make a mask for an image

[Fuellemann (Jan Fuellemann)]

@barz-stacks Hi, could we also use Text as a Mask, even with no animation? Like here:

[dan]

If you just want text with a background image, you can already do this with the built-in text component…

[barz-stacks (Maik Barz)]

@Fuellemann

could we also use Text as a Mask

That’s cool @dan

[Fuellemann (Jan Fuellemann)]

Perfect, thank you!