Awesome Buttons

classHow To save_altDownload Js save_altDownload CSS starGithub Repo

How To

  • Download the js and the css files.
  • Add it to your index.html.
  • Click any button you want to use.
  • Copy code.
  • Paste on your html.
  • Thats it. Use it wherever you want. Enjoy!

Note: For disabled buttons add mtrl-disabled class on the button.

Full Documentation

assignmentClick Here

Say Something

want to anonymous? Just skip this.
Thank you for your words.

Code Snippet

 
Copied.

Basic Buttons

Bordered Buttons

Mini Rounded Buttons

Full Rounded Buttons

Icon Buttons

Icon Only

Icon Circle

Icon With Text

Shadow Buttons

Basic Buttons

Bordered Buttons

Mini Rounded Buttons

Full Rounded Buttons

Icon Buttons

Icon Only

Icon Circle

Icon With Text

Ripple Buttons

Basic Buttons

Bordered Buttons

Mini Rounded Buttons

Full Rounded Buttons

Icon Buttons With Ripple Effect

Colored Buttons (Primary - Stroke)

Basic Buttons

Bordered Buttons

Mini Rounded Buttons

Full Rounded Buttons

Icon Buttons With Ripple Effect

Colored Buttons (Primary - Fill)

Basic Buttons

Bordered Buttons

Mini Rounded Buttons

Full Rounded Buttons

Icon Buttons With Ripple Effect

Colored Buttons (Accent - Stroke)

Basic Buttons

Bordered Buttons

Mini Rounded Buttons

Full Rounded Buttons

Icon Buttons With Ripple Effect

Colored Buttons (Accent - Fill)

Basic Buttons

Bordered Buttons

Mini Rounded Buttons

Full Rounded Buttons

Icon Buttons With Ripple Effect

Colored Buttons (Primary - Accent Gradiant Stroke)

Basic Buttons

Bordered Buttons

Mini Rounded Buttons

Full Rounded Buttons

Icon Buttons With Ripple Effect

Colored Buttons (Primary - Accent Gradiant Fill)

Basic Buttons

Bordered Buttons

Mini Rounded Buttons

Full Rounded Buttons

Icon Buttons With Ripple Effect

Colored Buttons (Warning - Stroke)

Basic Buttons

Bordered Buttons

Mini Rounded Buttons

Full Rounded Buttons

Icon Buttons With Ripple Effect

Colored Buttons (Warning - Fill)

Basic Buttons

Bordered Buttons

Mini Rounded Buttons

Full Rounded Buttons

Icon Buttons With Ripple Effect

Colored Buttons (Danger - Stroke)

Basic Buttons

Bordered Buttons

Mini Rounded Buttons

Full Rounded Buttons

Icon Buttons With Ripple Effect

Colored Buttons (Danger - Fill)

Basic Buttons

Bordered Buttons

Mini Rounded Buttons

Full Rounded Buttons

Icon Buttons With Ripple Effect

Colored Buttons (Warning - Danger Gradiant Stroke)

Basic Buttons

Bordered Buttons

Mini Rounded Buttons

Full Rounded Buttons

Icon Buttons With Ripple Effect

Colored Buttons (Warning - Danger Gradiant Fill)

Basic Buttons

Bordered Buttons

Mini Rounded Buttons

Full Rounded Buttons

Icon Buttons With Ripple Effect