# Level Up Your App UI With Gradient Buttons & Backgrounds! 🎨

**URL:** https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920
**Category:** Info & Announcements
**Created:** [March 9, 2026, 4:10pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920 "2026-03-09T16:10:57Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)
#### Post date: [March 9, 2026, 4:10pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/1 "2026-03-09T16:10:57Z")

</div>

Hello everybody, hope y’all doing well!

Gradient mode is now available, for add to screens!!! Credits to the engineering-team! 🏆

![ezgif-32e5f7d9df6adc74](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/0/4/040fd441c7f8d41596c5edd0a95e3acb24db97e6.gif)

Go, check it out and let us know what you think 🙌 Also, leave a comment of your favorite color combo 😉 Happy Building!

Thank you and have a great day!

---

<div class="post-metadata">

### Author: ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)
#### Post date: [March 9, 2026, 4:11pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/2 "2026-03-09T16:11:26Z")

</div>



---

<div class="post-metadata">

### Author: ![nadavma2](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/nadavma2/32/38071_2.png) [@nadavma2](https://forum.adalo.com/u/nadavma2)
#### Post date: [March 9, 2026, 4:45pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/3 "2026-03-09T16:45:54Z")

</div>

Finally! Well done to the team!!!

---

<div class="post-metadata">

### Author: ![JareRamirez](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/jareramirez/32/37418_2.png) [@JareRamirez](https://forum.adalo.com/u/JareRamirez)
#### Post date: [March 9, 2026, 6:58pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/4 "2026-03-09T18:58:56Z")

</div>

Awesomeeeeee !!! 🥳🥳🥳🥳

---

<div class="post-metadata">

### Author: ![afonso](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/afonso/32/19120_2.png) [@afonso](https://forum.adalo.com/u/afonso)
#### Post date: [March 10, 2026, 2:18pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/5 "2026-03-10T14:18:29Z")

</div>

Great cool feature. Good job!

---

<div class="post-metadata">

### Author: ![nadavma2](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/nadavma2/32/38071_2.png) [@nadavma2](https://forum.adalo.com/u/nadavma2)
#### Post date: [March 10, 2026, 6:08pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/6 "2026-03-10T18:08:20Z")

</div>

Just updating that sometimes when you enter the page the gradient doesn’t appear.

---

<div class="post-metadata">

### Author: ![Jacob\_Lange](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/jacob_lange/32/21708_2.png) [@Jacob\_Lange](https://forum.adalo.com/u/Jacob_Lange)
#### Post date: [March 10, 2026, 7:20pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/7 "2026-03-10T19:20:52Z")

</div>

Could this be Incorporated for the shapes as well? Rectangle, ellipses, and vector?

---

<div class="post-metadata">

### Author: ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)
#### Post date: [March 10, 2026, 7:31pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/8 "2026-03-10T19:31:41Z")

</div>

@nadavma2, interesting… Any screen recordings?

@Jacob_Lange, not available yet but I believe could be implemented! Noted & will share with the team!

---

<div class="post-metadata">

### Author: ![nadavma2](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/nadavma2/32/38071_2.png) [@nadavma2](https://forum.adalo.com/u/nadavma2)
#### Post date: [March 12, 2026, 4:34pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/10 "2026-03-12T16:34:30Z")

</div>

There is no recording, when you open the app it just sometimes makes a background without a gradient. It’s that simple…

---

<div class="post-metadata">

### Author: ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)
#### Post date: [March 12, 2026, 7:36pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/11 "2026-03-12T19:36:22Z")

</div>

Thanks for the update Nadav! I’m having some hard time understanding, so you meant that once you open the app preview, gradient doesn’t show up even though it’s configured? Do you have a loom video sharing your screen? Thank you and have a great day!

---

<div class="post-metadata">

### Author: ![nadavma2](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/nadavma2/32/38071_2.png) [@nadavma2](https://forum.adalo.com/u/nadavma2)
#### Post date: [March 13, 2026, 1:50pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/12 "2026-03-13T13:50:36Z")

</div>

> **[ScreenRecording\_03-13-2026 15-48-23\_1.MP4](https://drive.google.com/file/d/1dzM0uboiuPtueaZCotBR_TyPEGJXUqcP/view?usp=sharing)**
>
> Google Drive file.

---

<div class="post-metadata">

### Author: ![nadavma2](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/nadavma2/32/38071_2.png) [@nadavma2](https://forum.adalo.com/u/nadavma2)
#### Post date: [March 15, 2026, 3:00pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/13 "2026-03-15T15:00:45Z")

</div>

@Dilon Is the problem known to the support team?

---

<div class="post-metadata">

### Author: ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)
#### Post date: [March 15, 2026, 10:30pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/15 "2026-03-15T22:30:53Z")

</div>

Yes Nadav, will keep you updated! Thank you and have a great day!

---

<div class="post-metadata">

### Author: ![nadavma2](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/nadavma2/32/38071_2.png) [@nadavma2](https://forum.adalo.com/u/nadavma2)
#### Post date: [March 16, 2026, 12:21am UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/16 "2026-03-16T00:21:16Z")

</div>

thanks dilon, You are a champion.  
Following on from the (excellent!) gradient you made, I think allowing the home screen design in pwa apps could be great.

---

<div class="post-metadata">

### Author: ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)
#### Post date: [March 25, 2026, 2:35pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/17 "2026-03-25T14:35:52Z")

</div>

Hi @nadavma2,

Hope you’re doing well!

Are you still seeing this issue with screen gradients? We’re unable to reproduce the issue so wanted to check-in to see if you still can this issue.

Thank you and have a great day!

---

<div class="post-metadata">

### Author: ![nadavma2](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/nadavma2/32/38071_2.png) [@nadavma2](https://forum.adalo.com/u/nadavma2)
#### Post date: [March 25, 2026, 7:28pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/18 "2026-03-25T19:28:10Z")

</div>

Yes, it’s the same as in the video I sent.

---

<div class="post-metadata">

### Author: ![ishantanusrivastava](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/ishantanusrivastava/32/34947_2.png) [@ishantanusrivastava](https://forum.adalo.com/u/ishantanusrivastava)
#### Post date: [March 26, 2026, 12:53pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/19 "2026-03-26T12:53:20Z")

</div>

Hi @Dilon

Good to have for other components too like rectangle & button.

---

<div class="post-metadata">

### Author: ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)
#### Post date: [March 26, 2026, 9:52pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/20 "2026-03-26T21:52:12Z")

</div>

👀

 ![Adalo button gradients](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/1/f/1f7bb10b1b10c7c34ec3b2908548fea7adf70473.jpeg)

@here, @miticobeppe, @alexbarciog, @AndreasAyoCruz, @FiniDev, @archeclipse, @mauroaluffi, @kleandro, @C3PO, @pushingpandas, @LoneWolf, @Rozza, @Eugen

---

<div class="post-metadata">

### Author: ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)
#### Post date: [March 26, 2026, 10:41pm UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/21 "2026-03-26T22:41:03Z")

</div>

@Chapperzzz, @Skuccy, @Indave, @XaverRavr, @Fercho, @Victor, @Flawless, @axme, @ahmedferdaus, @jromeo80, @IURII, @JareRamirez, @spartalis, @Santiago

---

<div class="post-metadata">

### Author: ![nadavma2](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/nadavma2/32/38071_2.png) [@nadavma2](https://forum.adalo.com/u/nadavma2)
#### Post date: [March 27, 2026, 12:30am UTC](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920/22 "2026-03-27T00:30:29Z")

</div>

This is great! Very helpful!

[Next page](https://forum.adalo.com/t/level-up-your-app-ui-with-gradient-buttons-backgrounds/65920.md?page=2)
