# Neumorphic design

**URL:** <https://community.thunkable.com/t/neumorphic-design/642397>\
**Category:** Questions about Thunkable X\
**Tags:** design\
**Created:** [June 28, 2020, 5:15pm UTC](https://community.thunkable.com/t/neumorphic-design/642397 "2020-06-28T17:15:42Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![bluerfox15uht9](https://avatars.discourse-cdn.com/v4/letter/b/3be4f8/32.png) [@bluerfox15uht9](https://community.thunkable.com/u/bluerfox15uht9)\
**Post date:** [June 28, 2020, 5:15pm UTC](https://community.thunkable.com/t/neumorphic-design/642397/1 "2020-06-28T17:15:42Z")

</div>

I’ve been working on the “style” of different objects for a while (over a week) and I can’t seem to get anything to have a neumorphic design.

Has anyone tried to do something like this before, if so, could you share what shadow, direction, etc you used to achieve it?

Thanks! It’s one of those things that you try for hours,.  
And all you get is a headache in the end…

 ![1082162_81_100422_dkJOdijui (1)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/d/fdae198a9243b02228115481be6b457eba3fef85.png)

---

<div class="post-metadata">

**Author:** ![mythi](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mythi/32/70585_2.png) [@mythi](https://community.thunkable.com/u/mythi)\
**Post date:** [June 28, 2020, 11:05pm UTC](https://community.thunkable.com/t/neumorphic-design/642397/2 "2020-06-28T23:05:14Z")

</div>

Hi @bluerfox15uht9, I think one way to do tthis would be to design backgrounds (of labels, buttons, or the whole screen) with those effects. You could also set buttons to be raised at the bottom of the Simple category. You should also play around with the Shadows category in Advanced \>\> Styling, if you have not already.  
Hope this helps!

---

<div class="post-metadata">

**Author:** ![bluerfox15uht9](https://avatars.discourse-cdn.com/v4/letter/b/3be4f8/32.png) [@bluerfox15uht9](https://community.thunkable.com/u/bluerfox15uht9)\
**Post date:** [June 28, 2020, 11:29pm UTC](https://community.thunkable.com/t/neumorphic-design/642397/4 "2020-06-28T23:29:05Z")

</div>

Yhea, problem with that is, raster graphics don’t scale like vector graphics. . . Sucks…

Thanks though

---

<div class="post-metadata">

**Author:** ![tobi](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tobi/32/70526_2.png) [@tobi](https://community.thunkable.com/u/tobi)\
**Post date:** [June 29, 2020, 3:54am UTC](https://community.thunkable.com/t/neumorphic-design/642397/5 "2020-06-29T03:54:44Z")

</div>

The designs in image are great!  
Do not forgot to share your app after you completed.

One way to do this is that -:  
You should firstly make graphics of the size of your component, then play with background blocks. This way you will get exactly what you want.

Also see this -:

> **[Neumorphism in user interfaces](https://uxdesign.cc/neumorphism-in-user-interfaces-b47cef3bf3a6)**
>
> How UI trends reach for inspiration into the real world and what problems do we have to solve to make those trends work.

Thanks!  
🙂 🙂

---

<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, 11:25am UTC](https://community.thunkable.com/t/neumorphic-design/642397/6 "2024-11-08T11:25:24Z")

</div>


