Flat Buttons by Taylan Kasap

Replace Top Button Styles

Default Hover Blue Hover Green Hover Orange Hover Red Hover Light Blue Hover

Replace Bottom Button Styles

Default Hover Blue Hover Green Hover Orange Hover Red Hover Light Blue Hover

Replace Left Button Styles

Default Hover Blue Hover Green Hover Orange Hover Red Hover Light Blue Hover

Replace Right Button Styles

Default Hover Blue Hover Green Hover Orange Hover Red Hover Light Blue Hover

Invert Button Styles

Default Blue Green Orange Red Light Blue

Glow Button Styles

Default Blue Green Orange Red Light Blue

Frame Button Styles

Default Blue Green Orange Red Light Blue

Border Top Button Styles

Default Blue Green Orange Red Light Blue

Border Bottom Button Styles

Default Blue Green Orange Red Light Blue

Border Left Button Styles

Default Blue Green Orange Red Light Blue

Border Right Button Styles

Default Blue Green Orange Red Light Blue

Border Top Bottom Button Styles

Default Blue Green Orange Red Light Blue

Border Top Left Button Styles

Default Blue Green Orange Red Light Blue

Border Top Right Button Styles

Default Blue Green Orange Red Light Blue

Border Left Right Button Styles

Default Blue Green Orange Red Light Blue

Border Bottom Left Button Styles

Default Blue Green Orange Red Light Blue

Border Bottom Right Button Styles

Default Blue Green Orange Red Light Blue

Peek Top Button Styles

Default Blue Green Orange Red Light Blue

Peek Bottom Button Styles

Default Blue Green Orange Red Light Blue

Peek Left Button Styles

Default Blue Green Orange Red Light Blue

Peek Right Button Styles

Default Blue Green Orange Red Light Blue

Fill Top Button Styles

Default Blue Green Orange Red Light Blue

Fill Bottom Button Styles

Default Blue Green Orange Red Light Blue

Fill Left Button Styles

Default Blue Green Orange Red Light Blue

Fill Right Button Styles

Default Blue Green Orange Red Light Blue

Shadow Button Styles

Default Blue Green Orange Red Light Blue

Unshadow Button Styles

Default Blue Green Orange Red Light Blue

Icon Up Button Styles

Default Blue Green Orange Red Light Blue
Default Blue Green Orange Red Light Blue

Icon Down Button Styles

Default Blue Green Orange Red Light Blue
Default Blue Green Orange Red Light Blue

Icon Left Button Styles

Default Blue Green Orange Red Light Blue
Default Blue Green Orange Red Light Blue

Icon Right Button Styles

Default Blue Green Orange Red Light Blue
Default Blue Green Orange Red Light Blue

Icon Grow Button Styles

Default Blue Green Orange Red Light Blue
Default Blue Green Orange Red Light Blue

Icon Shrink Button Styles

Default Blue Green Orange Red Light Blue
Default Blue Green Orange Red Light Blue

Icon Rotate 90° Button Styles

Default Blue Green Orange Red Light Blue
Default Blue Green Orange Red Light Blue

Icon Rotate 180° Button Styles

Default Blue Green Orange Red Light Blue
Default Blue Green Orange Red Light Blue

Icon Rotate 270° Button Styles

Default Blue Green Orange Red Light Blue
Default Blue Green Orange Red Light Blue

Icon Rotate 360° Button Styles

Default Blue Green Orange Red Light Blue
Default Blue Green Orange Red Light Blue

Expand Left Button Styles

Default  Blue  Green  Orange  Red  Light Blue 

Expand Right Button Styles

 Default  Blue  Green  Orange  Red  Light Blue

Colors

Default Blue Green Orange Red Light Blue

Sizes

Default Size XS Size SM Size MD Size LG Size XL

Brands (Icon only)

Brands

Facebook Google Plus Instagram LinkedIn Pinterest Twitter Vimeo WhatsApp YouTube

Icon Replacements

Go Back Continue Cancel Accept

Form Buttons

You can also use .flat-btn_disabled class to have disabled style on <a> elements.

Disabled Anchor

Bootstrap Set

Default Primary Success Warning Danger Info

Media Control Set

Play Pause Stop Fast Backwards Fast Forward Previous Next Step Backward Step Forward Fullscreen

File Types

Upload *.zip Upload *.mp3 Upload *.html Upload *.xls Upload *.jpg Upload *.pdf Upload *.ppt Upload *.txt Upload *.avi Upload *.doc

Text Editor Toolbar

 Align Center  Align Justify  Align Left  Align Right  Bold  Italic  Strikethrough  Underline  Unordered List  Ordered List
 Table  Copy  Cut  Paste  Save  Attach File  Subscript  Superscript  Redo  Undo

Sources and Credits

Demo page uses:
Roboto Font - https://fonts.google.com/specimen/Roboto
jQuery JavaScript Library - https://jquery.org
Bootstrap 3 Framework - http://getbootstrap.com
Font Awesome by Dave Gandy - http://fontawesome.io
 
Flat Buttons project is created by Taylan Kasap <taylan@taylankasap.com>.