# 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:** 6

<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:30am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/102 "2020-10-18T10:30:11Z")

</div>

Do you have any how-to videos?

---

<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, 11:06am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/103 "2020-10-18T11:06:22Z")

</div>

I believe @Lucas_Pires has some of them on his channel. Do you speak Portuguese?

---

<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, 2:10pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/104 "2020-10-18T14:10:39Z")

</div>

Yes. I can speak Portuguese. Thank you.

---

<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, 2:12pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/105 "2020-10-18T14:12:23Z")

</div>

You can start with this video, he hosts his videos on this channel.

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/ea529bd2dec7782c71c9020682b6f0e52d82bf59.jpeg "POP-UP NO GLIDE + 1 Super Novidade! 😱") ](https://www.youtube.com/watch?v=amJCQTHeZ30)

---

<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 18, 2020, 7:35pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/106 "2020-10-18T19:35:31Z")

</div>

Thanks for the shoutout @ThinhDinh 👊🏼😁  
@StephanGarcia hope it can help you

---

<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 19, 2020, 12:13am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/107 "2020-10-19T00:13:39Z")

</div>

Obrigado Lucas! Trabalho com Glide há mais de um ano e fiquei surpreso com o que você faz nele. Quero aprender.

---

<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 19, 2020, 1:21am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/108 "2020-10-19T01:21:02Z")

</div>

(I’ll keep in English just to others also understand)

Amazing bro! We have the same time working with glide! Follow me there, and if you want, I have also a Telegram group where we share tips, apps and so on

Hope see you there!

> **[Lucas Pires | Ritual ∆](https://t.me/applutionritual)**
>
> Seja bem vindo(a) a minha Comunidade Ritual! Aqui você estará por dentro de todas as novidades lançadas, dicas e muito mais, em primeira mão! 🔸 Acesse o Glide: https://bit.ly/2CKN Acesse meu canal para mais...

---

<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 19, 2020, 4:20am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/109 "2020-10-19T04:20:25Z")

</div>

I’ll forever be grateful to Lucas, @Robert_Petitto and @Deena for pointing me to some great ideas for design.

Today I make a kind of weekly menu for a client and was very satisfied with how it come out. I also managed to wrap a title text inside a card!

---

<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 19, 2020, 7:38am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/110 "2020-10-19T07:38:12Z")

</div>

Oh wow! That looks amazing! 👏🏼🤩

What about the hover in inline list?

---

<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 19, 2020, 8:54am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/111 "2020-10-19T08:54:51Z")

</div>

Here’s my whole settings.

```
<div><div>
<style>
.bXffxp {
backdrop-filter: blur(10px);
background:transparent;
-webkit-backdrop-filter: blur(10px);

}
#app-root div[opacity='1'] {
  color: transparent; 
}
.glbESi {
padding-top: 10px;
}
.jznirz {
color: white;
font-weight: 520;
}
.giqIon {
background-color: white;
}
.hWmmck {
background-color: white;
}
.builder .hWmmck.interactive:hover {
background-color: #00CC66;
}
.hWmmck.interactive:hover {
background-color: #00CC66;
}
.builder .giqIon.interactive:hover {
background-color: #00CC66;
}
.giqIon.interactive:hover {
background-color: #00CC66;
}
.fCkJVF {
background-color: ##00CC66;
}
.fakQng .card-subtitle {
padding-top: 5px;
-webkit-line-clamp: unset;
overflow: visible;
white-space: break-spaces;
font-size: 0.25 prem;
}
.fakQng .card-title {
text-align: center;
color: #00CC66;
font-size: 1rem;
font-weight: bold;
align: center;
}
.fakQng {
border-radius: 5px;
}
.gNSqMT .card-subtitle {
padding-top: 5px;
-webkit-line-clamp: unset;
overflow: visible;
white-space: break-spaces;
font-size: 0.25 prem;
}
.gNSqMT .card-title {
text-align: center;
color: #00CC66;
font-size: 1rem;
font-weight: bold;
align: center;
}
.gNSqMT {
border-radius: 5px;
}

```

The “interactive:hover” part was it.

---

<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 19, 2020, 9:21am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/112 "2020-10-19T09:21:08Z")

</div>

That’s is gorgeous!!! Great job!!!

---

<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 19, 2020, 9:50am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/113 "2020-10-19T09:50:36Z")

</div>

Thank you brother, have a nice week!

---

<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 19, 2020, 10:49am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/114 "2020-10-19T10:49:10Z")

</div>

Amazing. Obviously a lot of time and care went into the design of your app. Love the floating action button and the recipe cards. Well done.

---

<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 19, 2020, 11:00am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/115 "2020-10-19T11:00:28Z")

</div>

Thank you master. Will update more when I find out new concepts. I have been searching on Dribbble a lot recently. Do we have more sites for those concepts, like Behance etc.?

---

<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 19, 2020, 11:45am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/116 "2020-10-19T11:45:56Z")

</div>

Dribbble is my go-to.

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [October 19, 2020, 5:00pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/117 "2020-10-19T17:00:03Z")

</div>

It’s beautiful. Well done sir. I do wonder though if we should be wary of using this much customisation? I am really keen to get some of these ideas into my own public deployments, but what happens if (when) Glide make changes that cause them to no longer work, or worse to adversely affect the app’s UI in other ways. What’s the general consensus here? @ThinhDinh @Robert_Petitto @Lucas_Pires?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [October 19, 2020, 5:16pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/118 "2020-10-19T17:16:59Z")

</div>

Kind of with you there. I’ve seen CSS stop working for me. Probably a class name that changed with a glide update. I do use HTML and CSS very sparingly, or I at least have a back up plan if something stops working. I’m not opposed to it’s use, as long as people are aware of any possible repercussions.

---

<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 19, 2020, 5:40pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/119 "2020-10-19T17:40:43Z")

</div>

Ditto. Unnamed CSS class names can change on a dime. If you’re using the named class names, it’s probably more future proof:

eg.

```auto
<pre><span><style>[data-test="app-markdown-view"] {
}

```

targets a rich-text box.

---

<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 19, 2020, 6:05pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/120 "2020-10-19T18:05:20Z")

</div>

@V88 I’d say exactly what @Robert_Petitto said above!

---

<div class="post-metadata">

**Author:** ![abhilashabhatia](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abhilashabhatia/32/10618_2.png) [@abhilashabhatia](https://community.glideapps.com/u/abhilashabhatia)\
**Post date:** [October 19, 2020, 6:08pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/121 "2020-10-19T18:08:00Z")

</div>

All of you all are amazing! Yet to try something cool with app designing.

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

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