# Curvy header

**URL:** <https://forums.realmacsoftware.com/t/curvy-header/48051>\
**Category:** Elements\
**Created:** [June 14, 2025, 6:53pm UTC](https://forums.realmacsoftware.com/t/curvy-header/48051 "2025-06-14T18:53:45Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![MikeV](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mikev/32/34985_2.png) [@MikeV](https://forums.realmacsoftware.com/u/MikeV)\
**Post date:** [June 14, 2025, 6:53pm UTC](https://forums.realmacsoftware.com/t/curvy-header/48051/1 "2025-06-14T18:53:45Z")

</div>

Is there any way to create a curvy/wavy header or divider?  
Like in the past with Mask in RWC.

(without using an svg or image)

Greetings,  
Mike

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [June 16, 2025, 7:26am UTC](https://forums.realmacsoftware.com/t/curvy-header/48051/2 "2025-06-16T07:26:46Z")

</div>

Do you have an example screenshot or link to a site with the look you’re after? 🙂

---

<div class="post-metadata">

**Author:** ![MikeV](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mikev/32/34985_2.png) [@MikeV](https://forums.realmacsoftware.com/u/MikeV)\
**Post date:** [June 16, 2025, 7:45am UTC](https://forums.realmacsoftware.com/t/curvy-header/48051/3 "2025-06-16T07:45:27Z")

</div>

Hiii Ben!

Here is a screenshot and the website link. You have to scroll down a bit.

Thanks!

www.yools.be

 ![IMG_2826](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/e/0e138bae0229251363bfa89535a9982baece97b7.jpeg)

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [June 16, 2025, 9:49am UTC](https://forums.realmacsoftware.com/t/curvy-header/48051/4 "2025-06-16T09:49:02Z")

</div>

> [@MikeV](#):
>
> (without using an svg or image)

Any particular reason why you don’t want to use an SVG for this?

I could create a demo project for you using an SVG, if you’re ok with SVGs 😃

---

<div class="post-metadata">

**Author:** ![MikeV](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mikev/32/34985_2.png) [@MikeV](https://forums.realmacsoftware.com/u/MikeV)\
**Post date:** [June 16, 2025, 9:58am UTC](https://forums.realmacsoftware.com/t/curvy-header/48051/5 "2025-06-16T09:58:50Z")

</div>

Hiii @ben !

Just because i am not good at drawing haha.  
If you can make an example project with an svg, thats okej 😛

Thank you!

---

<div class="post-metadata">

**Author:** ![MikeV](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mikev/32/34985_2.png) [@MikeV](https://forums.realmacsoftware.com/u/MikeV)\
**Post date:** [June 17, 2025, 11:19am UTC](https://forums.realmacsoftware.com/t/curvy-header/48051/6 "2025-06-17T11:19:40Z")

</div>

Is there a way to get easy curvy / wavy svgs?

Thanks Ben!

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [June 17, 2025, 6:43pm UTC](https://forums.realmacsoftware.com/t/curvy-header/48051/7 "2025-06-17T18:43:14Z")

</div>

Lot of tools out there on the internet. [Here’s one.](https://getwaves.io)

---

<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 17, 2025, 7:59pm UTC](https://forums.realmacsoftware.com/t/curvy-header/48051/8 "2025-06-17T19:59:57Z")

</div>

@MikeV,

Don’t forget, that if you download an svg, just change the fill # colour to “currentColor” so you can pick a tailwind colour in Elements. Like this:

Just tested this and you might get an antialiasing rendering issue… as seen in this video:

The easy way to fix this is to use the Transform property and offset the svg down 1pixel so the svg and the container overlap. This will eliminate the sub 1 pixel line on resize.

👉 [Open the Project file in Elements](elementsapp://downloadDocument/jQByhqIpHJiX).

---

<div class="post-metadata">

**Author:** ![MikeV](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mikev/32/34985_2.png) [@MikeV](https://forums.realmacsoftware.com/u/MikeV)\
**Post date:** [June 18, 2025, 7:23am UTC](https://forums.realmacsoftware.com/t/curvy-header/48051/9 "2025-06-18T07:23:41Z")

</div>

God, I never knew about this site 😮

Thank you!

---

<div class="post-metadata">

**Author:** ![MikeV](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mikev/32/34985_2.png) [@MikeV](https://forums.realmacsoftware.com/u/MikeV)\
**Post date:** [June 18, 2025, 7:25am UTC](https://forums.realmacsoftware.com/t/curvy-header/48051/10 "2025-06-18T07:25:00Z")

</div>

Thanks Dan for the example project and the explanation!  
You guys rock! \<3

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [June 18, 2025, 7:29am UTC](https://forums.realmacsoftware.com/t/curvy-header/48051/11 "2025-06-18T07:29:43Z")

</div>

looks like @dan beat me to it!

Let us know if you have any other questions or need more help 🙂

---

<div class="post-metadata">

**Author:** ![MikeV](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mikev/32/34985_2.png) [@MikeV](https://forums.realmacsoftware.com/u/MikeV)\
**Post date:** [June 18, 2025, 7:32am UTC](https://forums.realmacsoftware.com/t/curvy-header/48051/12 "2025-06-18T07:32:18Z")

</div>

Thank you!
