🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

HumanTyping is a lightweight, modern jQuery typing effect plugin that simulates someone typing out text strings character by character.

text-animation Typing Placeholder

Documentation

jquery.humanTyping for JQuery

A Jquery plugin that allows you to simulate a human typing a phrase as a placeholder for a form input field or as simple text.

ES6 file also availble.

Table of Contents

Installation

Include it in your project after the Jquery tag.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="path/js/jquery.humanTyping.js"></script>

Usage

Takes 2 arguments:

  • Array of strings
  • Write speed in milliseconds (default: 100)

Pass "data-placeholder" or "data-text" to the element tag (default: text)

	<input type="text" data-placeholder>      var typingPh = [         "Search Website e.g. \"Dancing Cats\"",         "Lorem ipsum dolor sit amet",         "Consectetur adipiscing elit",         "JS is so strange :)"     ];       $('input').humanTyping(typingPh, 150);     

Preview

Support

Please open an issue for support.

Contributing

Please contribute using Github Flow. Create a branch, add commits, and open a pull request.

License

Licensed under the MIT License.


You May Also Like