Live Preview
Customization tools
Text Settings :
Border Settings :
px
px
px
px
px
1px
Light and Shadow :
px
px
Background gradient :
Rollover Effect :
50%
Crystal Effect :
20%
Icon Settings :
Icons List :
Create your icons library, then you will just need to add the corresponding class name to your button.
Example : <a href="#" class="jhButton icon-home"> My Button </a>
Import your icons :
Download your customized Buttons :
HTML5 Buttons Factory will generate a .zip containing :

Required javascript libraries
- js/jquery-1.7.1.min.js : jQuery
- js/jquery.jhButton.min.js : jQuery Html5 Buttons Plugin
Generated files, can be edited, or added to anothers customized jh-buttons
- css/your-customized-plugin.css : Generated button styles
- js/your-customized-plugin.js : Generated button initalization code
- icons/ : containing all the icons selected in the previous step
A demonstration of integration :
- example.html : A simple page with your customized buttons
Let's Go !
You can find it on codecanyon > downloads > Licence Certificate, under jhButton item