JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input>
</form>

CSS

input {
    width: 250px;
}

JavaScript

$(function() {
    $("input").focus(function(){
        $(this).animate({ width:"500px"}, 1000);
    }).blur(function(){
        $(this).animate({ width:"250px"}, 500);
    });
});