We buttons, really! That's why the this awesome Framework has multiple buttons sizes and color that are not only badass out of the box, but easy to customize for your projects. Of course you can easily add Buttons with the integrated Shortcode System, see a Demo of the possible Variations below.

  • Nice styled with CSS3 effects and techniques which works in all modern browsers
  • Four different sizes and 7 individual colors to take the best match of your websites look
  • Very easy to use in your content with our integrated Shortcode System
  • Styles for every situation, regular, hover and of course a active and focus style

Sizes and Colors

Add classes for size and type/color to achive what button you wish.


Use Icons on Buttons

Easily add Icons to your Buttons, more then 360 available with the great Font Awesome Icon font.


Advanced Examples

Do whatever you want with our Buttons, let's play Videos, show Images, add Maps, Tooltips, Data Attributes and much more.


How to use

You can use this Shortcodes everywhere in your content, click here to find out more.

{button | (Size: btn-small, btn-medium, btn-large, btn-xlarge) (Color: btn-primary, btn-info, btn-success, btn-danger, btn-inverse, btn-warning, btn-link) | Your Link goes here | Name your Button here} {button | btn-large btn-info | http://www.google.de | Jump to Google} Or use one of these Shortcodes (with Icons or with Link opens in a new Window) {button-icon | btn-large btn-info | http://www.google.de | Jump to Google | fa-name} {button-blank | btn-large btn-info | http://www.google.de | Jump to Google} {button-data | btn-large btn-info | http://www.google.de | Jump to Google | data-attributes comes here}