# 🎭 Masquerade for Elements — Creative Image Layout Masks

**URL:** https://forums.realmacsoftware.com/t/masquerade-for-elements-creative-image-layout-masks/56633
**Category:** Elements Store
**Created:** [June 12, 2026, 3:12pm UTC](https://forums.realmacsoftware.com/t/masquerade-for-elements-creative-image-layout-masks/56633 "2026-06-12T15:12:21Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![barz-stacks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/barz-stacks/32/3644_2.png) [@barz-stacks](https://forums.realmacsoftware.com/u/barz-stacks)
#### Post date: [June 12, 2026, 3:12pm UTC](https://forums.realmacsoftware.com/t/masquerade-for-elements-creative-image-layout-masks/56633/1 "2026-06-12T15:12:22Z")

</div>

Hi everyone,

I’ve released a new Elements component: **Masquerade** 🎭

 ![masquerade-thumbnail](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/8/183235a5861aa10b8ea82b4137479311392efb43.jpeg)  
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](https://www.barz-stacks.eu/elements/masquerade/)**
>
> Masquerade is an Elements component that turns a single image into editorial-style panels, mosaics, shards, arches, and magazine-inspired layouts with refined motion.

Demo page:  
[https://elements.barz-stacks.eu//masquerade/](https://elements.barz-stacks.eu//masquerade/)

Marketplace:

> **[Masquerade for RapidWeaver Elements](https://store.elementsapp.io/components/masquerade)**
>
> Masquerade is a creative image layout component for Elements. It turns one image into polished, high-impact compositions that feel editorial, modern, and…

Installation:  
[Click me](elementsapp://storeProduct/eu.barz.masquerade)

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

Maik  
Barz Stacks

 ![masquerade-screenshot-01](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/4/443a257e9223dae0532de0c50997d1416f79061b.jpeg)  
 ![masquerade-screenshot-02](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/a/5aa5a739300ec259bb5221ed2adb776e35665f4e.jpeg)  
 ![masquerade-screenshot-03](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/0/10b011a4684b25cbd9dd531ca8ea712c3a1166be.jpeg)

---

<div class="post-metadata">

### Author: ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)
#### Post date: [June 12, 2026, 4:05pm UTC](https://forums.realmacsoftware.com/t/masquerade-for-elements-creative-image-layout-masks/56633/2 "2026-06-12T16:05:50Z")

</div>

Congrats on the launch 🎉

---

<div class="post-metadata">

### Author: ![AnasHyeee](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/anashyeee/32/27982_2.png) [@AnasHyeee](https://forums.realmacsoftware.com/u/AnasHyeee)
#### Post date: [June 15, 2026, 4:54am UTC](https://forums.realmacsoftware.com/t/masquerade-for-elements-creative-image-layout-masks/56633/3 "2026-06-15T04:54:16Z")

</div>

Great components to make a mask for an image

---

<div class="post-metadata">

### Author: ![Fuellemann](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/fuellemann/32/22871_2.png) [@Fuellemann](https://forums.realmacsoftware.com/u/Fuellemann)
#### Post date: [June 15, 2026, 8:40am UTC](https://forums.realmacsoftware.com/t/masquerade-for-elements-creative-image-layout-masks/56633/4 "2026-06-15T08:40:52Z")

</div>

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

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/4/1446e8db4832859c31b5e3c84c84a6d084d1946a.jpeg)

---

<div class="post-metadata">

### Author: ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)
#### Post date: [June 15, 2026, 8:43am UTC](https://forums.realmacsoftware.com/t/masquerade-for-elements-creative-image-layout-masks/56633/5 "2026-06-15T08:43:21Z")

</div>

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

 ![CleanShot 2026-06-15 at 9 .42.31@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/1/b17a38f6da7c630d815345dbaf76402282b5084b.png)

---

<div class="post-metadata">

### Author: ![barz-stacks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/barz-stacks/32/3644_2.png) [@barz-stacks](https://forums.realmacsoftware.com/u/barz-stacks)
#### Post date: [June 15, 2026, 8:51am UTC](https://forums.realmacsoftware.com/t/masquerade-for-elements-creative-image-layout-masks/56633/6 "2026-06-15T08:51:57Z")

</div>

> [@Fuellemann](#):
>
> could we also use Text as a Mask

That’s cool @dan

---

<div class="post-metadata">

### Author: ![Fuellemann](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/fuellemann/32/22871_2.png) [@Fuellemann](https://forums.realmacsoftware.com/u/Fuellemann)
#### Post date: [June 15, 2026, 8:55am UTC](https://forums.realmacsoftware.com/t/masquerade-for-elements-creative-image-layout-masks/56633/7 "2026-06-15T08:55:13Z")

</div>

Perfect, thank you!
