jQuery Plugin To Create Beautiful Custom Form Controls - Formikation

File Size: 29.9 KB
Views Total: 3164
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
jQuery Plugin To Create Beautiful Custom Form Controls - Formikation

Formikation is a jQuery plugin that uses CSS styles to create nice & clean form elements (inputs, checkboxes, radio buttons, etc.).

How to use it:

1. Load the required formikation.css for core CSS styles.

<link rel="stylesheet" href="dist/formikation.css">

2. Load jQuery library and the jQuery Formikation at the bottom of the web page.

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="dist/jquery.formikation.js"></script>

3. Call the function on the form elements.

$('.formikation').find('input, select, file').formikation();

4. That's it. The plugin will find all the selected elements in the 'formikation' form and apply the CSS styles to them.

Change log:


  • v0.2.7


  • Added .fk-is-placeholder style to samples


  • Added placeholder class for selects


  • Add line-height fixes to avoid cross browser problems


  • minor fixes


  • Add transition to radio buttons and check boxes


  • Small styles fixes


  • Add default theme

This awesome jQuery plugin is developed by vortizhe. For more Advanced Usages, please check the demo page or visit the official website.