PolymerForm

PolymerForm lets you create google polymer-like style form easily.

Demo and Documentation

Demo and Documentation

Feature

• Polymer like style
• Easy to use
  • You can handle PolymerForm like common style form.
• Easy to customize appearance
  • Bar color
  • Bar height
  • Direction of bar animation
  • Label color
• Also work with mobile

Get started

• Import jQuery and PolymerForm.

<!-- CSS --> <link rel="stylesheet" href="css/jquery.polymer-form.min.css"/> <!-- JS --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="js/jquery.polymer-form.min.js"></script> 

• Create some input elements.

<input type="text" label="Name" name="name" class="demo-form"> <input type="password" label="Password" name="password" class="demo-form"> 

• Kick polymerForm function.

$(document).ready(function(){     $(".demo-form").polymerForm(); }); 

Author & License

Takuro Wada

• Website
• Twitter

MIT License.