# Beautiful Design App

**URL:** <https://community.glideapps.com/t/beautiful-design-app/16191>\
**Category:** Project Showcase\
**Created:** [September 22, 2020, 12:23pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191 "2020-09-22T12:23:59Z")\
**Posts on this page:** 20\
**Page:** 5

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [September 26, 2020, 10:26pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/82 "2020-09-26T22:26:56Z")

</div>

Gotcha,Thanks!

---

<div class="post-metadata">

**Author:** ![GioRinaldi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/giorinaldi/32/11069_2.png) [@GioRinaldi](https://community.glideapps.com/u/GioRinaldi)\
**Post date:** [September 27, 2020, 7:45am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/83 "2020-09-27T07:45:09Z")

</div>

You are a rockstar 🕶

---

<div class="post-metadata">

**Author:** ![Lucas\_Riachi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_riachi/32/14690_2.png) [@Lucas\_Riachi](https://community.glideapps.com/u/Lucas_Riachi)\
**Post date:** [October 3, 2020, 10:36pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/84 "2020-10-03T22:36:38Z")

</div>

Hi! how cute these designs! I would like to apply them to my app, how could I?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 3, 2020, 10:49pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/85 "2020-10-03T22:49:10Z")

</div>

That’s CSS at the top and bottom I thinlk.

---

<div class="post-metadata">

**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\
**Post date:** [October 5, 2020, 1:33am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/86 "2020-10-05T01:33:13Z")

</div>

Thanks for the tips and inspiration!

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/9327bb2b49795ba81cce316311c6a9927b6a4281.png)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 5, 2020, 1:46am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/87 "2020-10-05T01:46:23Z")

</div>

That’s awesomeeee

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [October 5, 2020, 2:24am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/88 "2020-10-05T02:24:55Z")

</div>

Amazing @kyleheney

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [October 5, 2020, 9:16am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/89 "2020-10-05T09:16:17Z")

</div>

That looks awesome!

---

<div class="post-metadata">

**Author:** ![Manan\_Mehta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manan_mehta/32/13957_2.png) [@Manan\_Mehta](https://community.glideapps.com/u/Manan_Mehta)\
**Post date:** [October 5, 2020, 9:44am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/90 "2020-10-05T09:44:03Z")

</div>

I have noticed lagging when I use CSS for various designs. Is it the same case with others too?

---

<div class="post-metadata">

**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\
**Post date:** [October 5, 2020, 9:54am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/91 "2020-10-05T09:54:10Z")

</div>

Yes same for me. Images load a bit slower for sure.

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [October 5, 2020, 11:10am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/92 "2020-10-05T11:10:46Z")

</div>

Yep! In some cases.

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [October 5, 2020, 11:22am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/93 "2020-10-05T11:22:35Z")

</div>

Yea! Also here, unfortunately

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 5, 2020, 12:33pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/94 "2020-10-05T12:33:22Z")

</div>

Can confirm same case here, especially when I load a huge image for background.

---

<div class="post-metadata">

**Author:** ![Joao\_Paulo\_Lima](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_paulo_lima/32/12256_2.png) [@Joao\_Paulo\_Lima](https://community.glideapps.com/u/Joao_Paulo_Lima)\
**Post date:** [October 6, 2020, 12:41pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/95 "2020-10-06T12:41:27Z")

</div>

Hi Lucas, sorry for the delay, I was busy ,

Look at this:

**"for USER’S Picture and USER’S Name)"**

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/a/ae42e031dcec32feea987f9f5032cee279fd164b.png)

**"for Background"**

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/7/7e11f890435be08900159ec6d4c091ce1f70264b.png)

I hope I was helpful 😉

---

<div class="post-metadata">

**Author:** ![Joao\_Paulo\_Lima](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_paulo_lima/32/12256_2.png) [@Joao\_Paulo\_Lima](https://community.glideapps.com/u/Joao_Paulo_Lima)\
**Post date:** [October 6, 2020, 12:45pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/96 "2020-10-06T12:45:03Z")

</div>

Perhaps we can add this request to the Glide team, even if only for PRO apps, because it allows us to better customize our APPs by making UX very close to native apps.

What do you think about?

---

<div class="post-metadata">

**Author:** ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)\
**Post date:** [October 9, 2020, 5:59pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/97 "2020-10-09T17:59:57Z")

</div>

OMG!! Thanks!! I can make a light themed and dark themed option now!! Thank you!!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [October 16, 2020, 3:38pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/98 "2020-10-16T15:38:31Z")

</div>

Using CSS to overlay transparent gradient over an inline list (limit 4 items, action \> none) to show that it’s only available upon subscribing:

 ![Screen Shot 2020-10-16 at 11.35.27 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/e0debd4dbfa8f999d572b99979a3ba5809d8fbf7.png)

```auto
<pre><span><style>
/*Hide 'See All', overlay white gradient on top of list style inline list, visibility condition on this rich text box to remove the CSS upon subscription*/
[data-test="app-vertical-list"] {    
        content: '';
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(2,0,36,0) 60%);
}

[aria-label="grid"] {
z-index: -1;
}

.jFoAqX {
display:none
}

```

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 16, 2020, 4:29pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/99 "2020-10-16T16:29:50Z")

</div>

Ahh this is a sick idea! Thanks for sharing as always.

---

<div class="post-metadata">

**Author:** ![StephanGarcia](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/stephangarcia/32/10889_2.png) [@StephanGarcia](https://community.glideapps.com/u/StephanGarcia)\
**Post date:** [October 18, 2020, 10:27am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/100 "2020-10-18T10:27:48Z")

</div>

I was thinking that I Knew how to use Glide. I was wrong. Guys you’re unbelievable.

I’m going to watch some YouTube videos to learn how to custom my app right now.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 18, 2020, 10:28am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/101 "2020-10-18T10:28:08Z")

</div>

Do let us know if you need help!

[Previous page](https://community.glideapps.com/t/beautiful-design-app/16191.md?page=4)

[Next page](https://community.glideapps.com/t/beautiful-design-app/16191.md?page=6)