Live Preview

Hello World ! Hello World ! Hello World !

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 :

Upload an new .png Image The target image must be a .png file, 32 x 32 px

Download your customized Buttons :

HTML5 Buttons Factory will generate a .zip containing :

Only 11$

jhButtons   Required javascript libraries

  • js/jquery-1.7.1.min.js : jQuery
  • js/jquery.jhButton.min.js : jQuery Html5 Buttons Plugin

jhButtons   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

jhButtons   A demonstration of integration :

  • example.html : A simple page with your customized buttons

Let's Go !