yairEO/fancyInput

Makes typing in input fields fun with CSS3 effects

{
  "createdAt": "2013-02-19T18:10:33Z",
  "defaultBranch": "master",
  "description": "Makes typing in input fields fun with CSS3 effects",
  "fullName": "yairEO/fancyInput",
  "homepage": null,
  "language": "CSS",
  "name": "fancyInput",
  "pushedAt": "2018-04-10T19:03:05Z",
  "stargazersCount": 1911,
  "topics": [
    "css3-effects",
    "text-effects",
    "typing-effect"
  ],
  "updatedAt": "2025-10-02T22:23:40Z",
  "url": "https://github.com/yairEO/fancyInput"
}

Fancy Input

Makes typing & deleting in input/Textarea fields exciting & fun with CSS3 effects.

alt tag

View Demo Page

Basic use example:

<!-- ...previous page content... -->
<div>
  <input type='text' >
</div>
<div>
  <textarea></textarea>
</div>
<!-- ...some more content (hopefully)... -->
<script>
    $('div :input').fancyInput();
</script>

Call the .fancyInput() function on all parents of inputs. With this example code, make sure every input is wrapped in a div.

This plugin does not have any current plans to support any version of IE.