You must be a Pro member to watch this episode.

Get Access Now

Sign in now if you're already Pro.


Importing from Sketch into Kite and Hooking Up Actions


Making Styled Text Inputs in Kite


Adding Detailed Micro Interactions to Input Fields


Live Input Validation


Live Input Validation

Published by Chris Slowik

Episode Notes

Extra tips from the author

Regex Express

One giant step you can take to achieve realism in your prototypes is to do some live input validation. This is pretty easy to do with javascript and regular expressions. A regular expression just lets you test a string against a pattern. In our case, if the test returns a positive match, we probably have an email address.. and we'll play our success animation!

Here's where you can get that regular expression: Validate Email Address Using Javascript

Episode Topics: