Buttons

Animated Buttons

Sea Serpent

See the Pen Components – Buttons: Animated CTA Sea Serpent by Working Solutions (@wsol) on CodePen.

Dragon

See the Pen Components – Buttons: Animated CTA Dragon by Working Solutions (@wsol) on CodePen.

Ifrit

See the Pen Components – Buttons: Animated CTA Ifrit by Working Solutions (@wsol) on CodePen.

Gradient Buttons

Sea Serpent

See the Pen Components – Buttons: Sea Serpent by Working Solutions (@wsol) on CodePen.

Dragon

See the Pen Components – Buttons: Dragon by Working Solutions (@wsol) on CodePen.

Ifrit

See the Pen Components – Buttons: Ifrit by Working Solutions (@wsol) on CodePen.

Regular Buttons

Primary Button

See the Pen Components – Buttons: Primary by Working Solutions (@wsol) on CodePen.

Secondary Button

See the Pen Components – Buttons: Secondary by Working Solutions (@wsol) on CodePen.

Success Button

See the Pen Components – Buttons: Success by Working Solutions (@wsol) on CodePen.

Warning

See the Pen Components – Buttons: Warning by Working Solutions (@wsol) on CodePen.

Danger

See the Pen Components – Buttons: Danger by Working Solutions (@wsol) on CodePen.

Info

See the Pen Components – Buttons: Info by Working Solutions (@wsol) on CodePen.

Link Button

See the Pen Components – Buttons: Link Button by Working Solutions (@wsol) on CodePen.

Labeled

Like Button Gray

See the Pen Components – Buttons: Labeled Grey by Working Solutions (@wsol) on CodePen.

Like Button Red

See the Pen Components – Buttons: Labeled Like Button Red by Working Solutions (@wsol) on CodePen.

Like Button Icon

See the Pen Components – Buttons: Labeled Like Button Icon by Working Solutions (@wsol) on CodePen.

Button Icon

See the Pen Components – Buttons: Button Icon by Working Solutions (@wsol) on CodePen.

Button Next

See the Pen Untitled by Working Solutions (@wsol) on CodePen.

Button Pause

See the Pen Buttons: Labeled Pause by Working Solutions (@wsol) on CodePen.

Conditionals

Save or Cancel

See the Pen Components – Buttons: Conditional Save or Cancel by Working Solutions (@wsol) on CodePen.

Back or Forward

See the Pen Components – Buttons: Conditional Back or Forward by Working Solutions (@wsol) on CodePen.

Group Buttons

Separated Buttons

See the Pen Components – Buttons: Group Rounded by Working Solutions (@wsol) on CodePen.

Nav Style Buttons

See the Pen Components – Buttons: Group Navigation Style by Working Solutions (@wsol) on CodePen.

Nav Style Buttons 2

See the Pen Components – Buttons: Group Navigation Style 2 by Working Solutions (@wsol) on CodePen.

Social Buttons

Facebook

See the Pen Components – Buttons: Social Facebook by Working Solutions (@wsol) on CodePen.

Twitter

See the Pen Components – Buttons: Social Twitter by Working Solutions (@wsol) on CodePen.

LinkedIn

See the Pen Components – Buttons: Social LinkedIn by Working Solutions (@wsol) on CodePen.

Instagram

See the Pen Components – Buttons: Social Instagram by Working Solutions (@wsol) on CodePen.

Youtube

See the Pen Components – Buttons: Social Youtube by Working Solutions (@wsol) on CodePen.