# Animated Hero / Header

**URL:** <https://forums.realmacsoftware.com/t/animated-hero-header/52911>\
**Category:** Elements\
**Created:** [December 1, 2025, 10:24pm UTC](https://forums.realmacsoftware.com/t/animated-hero-header/52911 "2025-12-01T22:24:28Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [December 1, 2025, 10:24pm UTC](https://forums.realmacsoftware.com/t/animated-hero-header/52911/1 "2025-12-01T22:24:28Z")

</div>

Created this animated hero section. feel free to copy paste, or save it as a template.  
Just switch the images and boom!

 ![CleanShot 2025-12-01 at 10 .21.36@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/c/1ce7927dfa430a846a8d73362c3855a7d73696b6.jpeg)

Project file : [elementsapp://downloadDocument/nbUJqxt1xxoQ](elementsapp://downloadDocument/nbUJqxt1xxoQ)

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [December 1, 2025, 10:28pm UTC](https://forums.realmacsoftware.com/t/animated-hero-header/52911/2 "2025-12-01T22:28:23Z")

</div>

Looks fun 🤩 not at the computer now…

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [December 1, 2025, 10:32pm UTC](https://forums.realmacsoftware.com/t/animated-hero-header/52911/3 "2025-12-01T22:32:53Z")

</div>

Ohhh, if you wonder why the image on the right is getting flipped, I just did that so I could use the same image as the one on the left. If you dont want you right image flipped removed this from advanced when the image is selected/

 ![CleanShot 2025-12-01 at 10 .31.14@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/7/b7267bbedb911e4bfa79f3136b24eaebebd197f0.jpeg)

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [December 1, 2025, 11:34pm UTC](https://forums.realmacsoftware.com/t/animated-hero-header/52911/4 "2025-12-01T23:34:24Z")

</div>

> [@Doobox](#):
>
> feel free to copy paste, or save it as a template.  
> Just switch the images and boom!

Nice work and thanks for sharing! 🙏

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [December 2, 2025, 5:06am UTC](https://forums.realmacsoftware.com/t/animated-hero-header/52911/5 "2025-12-02T05:06:42Z")

</div>

Just downloaded - very fun! Markus Maximus - Funny 🙂 LOL