# How to create typewriter effect for text label?

**URL:** https://community.thunkable.com/t/how-to-create-typewriter-effect-for-text-label/1471974
**Category:** Questions about Thunkable X
**Created:** [August 27, 2021, 6:05am UTC](https://community.thunkable.com/t/how-to-create-typewriter-effect-for-text-label/1471974 "2021-08-27T06:05:15Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![jnmonline](https://avatars.discourse-cdn.com/v4/letter/j/96bed5/32.png) [@jnmonline](https://community.thunkable.com/u/jnmonline)
#### Post date: [August 27, 2021, 6:05am UTC](https://community.thunkable.com/t/how-to-create-typewriter-effect-for-text-label/1471974/1 "2021-08-27T06:05:15Z")

</div>

I am looking to create a typewriter effect for my text label that I display. So instead of the text I want to show just popping up. I would like it to come up letter by letter like if it was being typed out in front of you.

Thank you in advance for taking the time to read this. I have looked for this, but can’t find a solution so might as well give an ask for help.

---

<div class="post-metadata">

### Author: ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [August 27, 2021, 7:14am UTC](https://community.thunkable.com/t/how-to-create-typewriter-effect-for-text-label/1471974/2 "2021-08-27T07:14:14Z")

</div>

Here’s one way to do it:

[https://x.thunkable.com/copy/b21fa24960191d11f1b7bc37a84a3ad6](https://x.thunkable.com/copy/b21fa24960191d11f1b7bc37a84a3ad6)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/3/83c3a9a996e2949178ecf26b3e144d4cc81374a8.png)

---

<div class="post-metadata">

### Author: ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [August 27, 2021, 8:43am UTC](https://community.thunkable.com/t/how-to-create-typewriter-effect-for-text-label/1471974/3 "2021-08-27T08:43:26Z")

</div>

Here’s a more efficient/faster way to do it that allows you more control over the timing (by changing the wait block value):

[https://x.thunkable.com/copy/6a4cd732f66bdfce9eac2615a9744fa2](https://x.thunkable.com/copy/6a4cd732f66bdfce9eac2615a9744fa2)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/1/11cc27a9d49f608f08f3159b9371327b71901ab5.png)

And here’s the same as above but without delays for spaces (" "). I think the timing feels more natural.

[https://x.thunkable.com/copy/96c4f642e508a4464e00ea92c0ec282c](https://x.thunkable.com/copy/96c4f642e508a4464e00ea92c0ec282c)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/e/3efef9f27eb0c0fbd8184985a1672c73ceeccdfd.png)

---

<div class="post-metadata">

### Author: ![jnmonline](https://avatars.discourse-cdn.com/v4/letter/j/96bed5/32.png) [@jnmonline](https://community.thunkable.com/u/jnmonline)
#### Post date: [August 27, 2021, 9:31am UTC](https://community.thunkable.com/t/how-to-create-typewriter-effect-for-text-label/1471974/4 "2021-08-27T09:31:29Z")

</div>

Thank you so much tatiang! I appreciate it, and I hope this post can help others in the future!

---

<div class="post-metadata">

### Author: ![jnmonline](https://avatars.discourse-cdn.com/v4/letter/j/96bed5/32.png) [@jnmonline](https://community.thunkable.com/u/jnmonline)
#### Post date: [August 27, 2021, 9:51am UTC](https://community.thunkable.com/t/how-to-create-typewriter-effect-for-text-label/1471974/5 "2021-08-27T09:51:08Z")

</div>

Anyway to detect once it has finished typing the message? Like make a button visible once the message is written.

---

<div class="post-metadata">

### Author: ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [August 27, 2021, 12:41pm UTC](https://community.thunkable.com/t/how-to-create-typewriter-effect-for-text-label/1471974/6 "2021-08-27T12:41:53Z")

</div>

Sure. Just place the block that makes the button visible right after the loop block.

---

<div class="post-metadata">

### Author: ![jnmonline](https://avatars.discourse-cdn.com/v4/letter/j/96bed5/32.png) [@jnmonline](https://community.thunkable.com/u/jnmonline)
#### Post date: [August 27, 2021, 5:43pm UTC](https://community.thunkable.com/t/how-to-create-typewriter-effect-for-text-label/1471974/7 "2021-08-27T17:43:00Z")

</div>

Oh thanks I was over complicating the solution for that! Very much appreciated good sir!

---

<div class="post-metadata">

### Author: ![superbombcoolj](https://avatars.discourse-cdn.com/v4/letter/s/97f17d/32.png) [@superbombcoolj](https://community.thunkable.com/u/superbombcoolj)
#### Post date: [February 18, 2023, 10:39am UTC](https://community.thunkable.com/t/how-to-create-typewriter-effect-for-text-label/1471974/8 "2023-02-18T10:39:59Z")

</div>

How do I make the cursor visible **SEARCH**

---

<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, 1:17pm UTC](https://community.thunkable.com/t/how-to-create-typewriter-effect-for-text-label/1471974/9 "2024-11-08T13:17:08Z")

</div>


