Impressive Text Input Effect

by Tom Kenny (@tkenny)

Amazing animations for typing text into and input field. Runs a bit slow in Firefox and is slightly jumpy in Safari on desktop and mobile but runs very well in Chrome.

Here’s the features from the accompanying blog post:

  • Supports input (type text) and textarea form elements
  • Add effects to each letter being typed / deleted
  • All effects are highly customizable via CSS
  • Default effects are CSS3 hardware accelerated
  • Tries to simulates real input / textarea as much as possible


Improve Your Eye for Great Design

Learn why the best designers make the decisions they do to design successful websites people love in this FREE eBook with 3 in-depth case studies. I’ve spent hours studying what makes these websites amazing, so you can use what works and focus on your design work. Subscribe now to get it immediately.

100% privacy. No spam. Completely free!

by Tom Kenny

I’m a freelance web designer and front-end developer with over 7 years of experience designing for the web. Follow me on Twitter here.