# Thunkable custom UI

**URL:** <https://community.thunkable.com/t/thunkable-custom-ui/7196>\
**Category:** Feedback\
**Created:** [September 1, 2017, 9:10pm UTC](https://community.thunkable.com/t/thunkable-custom-ui/7196 "2017-09-01T21:10:41Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![kelvin\_Aongola](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kelvin_aongola/32/7400_2.png) [@kelvin\_Aongola](https://community.thunkable.com/u/kelvin_Aongola)\
**Post date:** [September 1, 2017, 9:10pm UTC](https://community.thunkable.com/t/thunkable-custom-ui/7196/1 "2017-09-01T21:10:41Z")

</div>

Hi all,

My first app using Thunkable - I wanted to see how far i could go with custom made UI -

 ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/5/583838e1935005a1a59e9ec858e4c1e6894768a7.png)

---

<div class="post-metadata">

**Author:** ![MiuMiu](https://avatars.discourse-cdn.com/v4/letter/m/278dde/32.png) [@MiuMiu](https://community.thunkable.com/u/MiuMiu)\
**Post date:** [September 2, 2017, 5:40am UTC](https://community.thunkable.com/t/thunkable-custom-ui/7196/2 "2017-09-02T05:40:34Z")

</div>

good,very beautiful!  
how to make it?

---

<div class="post-metadata">

**Author:** ![ILoveThunkable](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ilovethunkable/32/3134_2.png) [@ILoveThunkable](https://community.thunkable.com/u/ILoveThunkable)\
**Post date:** [September 2, 2017, 7:30am UTC](https://community.thunkable.com/t/thunkable-custom-ui/7196/3 "2017-09-02T07:30:52Z")

</div>

I have only a question, how did you made those shadows? This whole ui looks beautiful

* * *

Also, I don’t think you have a copyright. Don’t add **© 2017**

---

<div class="post-metadata">

**Author:** ![kelvin\_Aongola](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kelvin_aongola/32/7400_2.png) [@kelvin\_Aongola](https://community.thunkable.com/u/kelvin_Aongola)\
**Post date:** [September 2, 2017, 11:40am UTC](https://community.thunkable.com/t/thunkable-custom-ui/7196/4 "2017-09-02T11:40:39Z")

</div>

Already made it or do you mean to ask how to make it?

---

<div class="post-metadata">

**Author:** ![kelvin\_Aongola](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kelvin_aongola/32/7400_2.png) [@kelvin\_Aongola](https://community.thunkable.com/u/kelvin_Aongola)\
**Post date:** [September 2, 2017, 11:41am UTC](https://community.thunkable.com/t/thunkable-custom-ui/7196/5 "2017-09-02T11:41:54Z")

</div>

Used photoshop to make the button and imported it .

noted on the copyright - used resources from an old project and forgot to remove .

---

<div class="post-metadata">

**Author:** ![Domi\_Rami](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domi_rami/32/7379_2.png) [@Domi\_Rami](https://community.thunkable.com/u/Domi_Rami)\
**Post date:** [September 2, 2017, 6:00pm UTC](https://community.thunkable.com/t/thunkable-custom-ui/7196/6 "2017-09-02T18:00:45Z")

</div>

Buen diseño, sencillo e intuitivo.

---

<div class="post-metadata">

**Author:** ![kelvin\_Aongola](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kelvin_aongola/32/7400_2.png) [@kelvin\_Aongola](https://community.thunkable.com/u/kelvin_Aongola)\
**Post date:** [September 2, 2017, 6:26pm UTC](https://community.thunkable.com/t/thunkable-custom-ui/7196/7 "2017-09-02T18:26:10Z")

</div>

English please

---

<div class="post-metadata">

**Author:** ![Markus\_Vinsa](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/markus_vinsa/32/3931_2.png) [@Markus\_Vinsa](https://community.thunkable.com/u/Markus_Vinsa)\
**Post date:** [September 2, 2017, 8:04pm UTC](https://community.thunkable.com/t/thunkable-custom-ui/7196/8 "2017-09-02T20:04:19Z")

</div>

Press the globe to translate

---

<div class="post-metadata">

**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\
**Post date:** [September 8, 2019, 4:02pm UTC](https://community.thunkable.com/t/thunkable-custom-ui/7196/9 "2019-09-08T16:02:53Z")

</div>

Hey there, @kelvin_Aongola.  
Although I don’t know does this design is ready to use for X or Classic.  
Nevermind,this is a great design that I ever to seen here (community)

However,I’m not ensured you were going to use red button with red background,even the button has a shadow but I do not think this is true way.  
I prefer to use the button with white colour with black shadow to match the red background.

Moreover,the down arrow should be make it smaller and it will look brilliant.  
The typing box and the select box make the radius of the border (just does not good view with square).

Above of these suggestion and reaction are just suggest only and I’m not expect to you will do it accuracy.

PS:Is not learnt any app design person.

---

<div class="post-metadata">

**Author:** ![Dean\_Artis](https://avatars.discourse-cdn.com/v4/letter/d/a8b319/32.png) [@Dean\_Artis](https://community.thunkable.com/u/Dean_Artis)\
**Post date:** [September 9, 2019, 8:42pm UTC](https://community.thunkable.com/t/thunkable-custom-ui/7196/10 "2019-09-09T20:42:58Z")

</div>

This is a 2 year old topic.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:06pm UTC](https://community.thunkable.com/t/thunkable-custom-ui/7196/11 "2024-11-08T12:06:23Z")

</div>


