Animated Typing

(3 customer reviews)


[button link=”https://responsive-muse.com/demos/widget-animated-typing/” color=”default” size=”small” stretch=”” type=”” shape=”” target=”_blank” title=”Demo preview” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”0px” icon=”fa-eye” icon_divider=”no” icon_position=”left” modal=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””]PREVIEW[/button] 


Add a nice and cool typing effect to your website using the Animated Typing Widget for Adobe Muse. Write the text that you want to show and it will appear letter by letter like if you were typing with an old typewriter. This widget automatically types out sentences and then deletes them to type the following sentence.

You can configure settings such as how quickly the typing effect and backspacing takes place, the delays before starting a sentence with a simple command, set the animation to loop infinitely or randomise the order of the sentences.



– Resizable widget.
– Place as many elements per page as you want.
– Keep sentence order or shuffle sentences.
– Control typing speed. To slow down the speed, increase the value of  Typing Speed in widget options (e.g. 0= faster / 2000=slower)
– Control backtyping speed (deleting).
– Choose if you want to show animated blinking cursor.
– If you want to type double quotes in your sentences, you will need to escape them by typing \”
– You can pause in the middle of a string for a given amount of time by including an escape character. Use a sentence like “First ^1000 sentence” and widget will wait 1000ms after typing “sentence”. Measurement unit is miliseconds.

  1. Add widget into Muse workspace.
  2. Config widget settings.
  3. Higher speed values means slower typing speed. Measurement unit is miliseconds.
  4. Use has symbol (#) to separate sentences.
  5. If you want to use a non standard font, you should convert your font into a web font. Learn how to do it here.


[button link=”https://responsive-muse.com/demos/widget-animated-typing/” color=”orange” size=”” stretch=”” type=”” shape=”” target=”_blank” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” icon=”” icon_divider=”yes” icon_position=”center” modal=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”center” class=”” id=””]PREVIEW[/button]


3 reviews for Animated Typing

  1. Cristina

    Lovely effect

  2. Garmire

    l really like it. Nice detail that the typing and deleting speeds can be modified.

  3. Frankie

    I want text appear big and small in phone. thank you teaching me “hide in breakpoint” trick.

Add a review

Your email address will not be published. Required fields are marked *

Scroll to Top