Button Showcase

Complete collection of button styles for Research Publishing Navigator

Primary Buttons

Primary

Secondary

Success

Danger

Warning

Info

Dark

Light

Outline Buttons

Outline Primary

Outline Success

Outline Danger

Buttons with Icons

Download

Upload

Delete

Settings

Size Variations

Small

Normal

Large

Rounded Buttons

Rounded Primary

Rounded Success

Rounded with Icon

Icon-Only Buttons

Play

Heart

Plus

Large Icon

Social Media Buttons

Twitter

Facebook

Google

Special Effects

Glowing

3D Effect

Gradient

Disabled

Button Groups

Button Group

HTML Code Examples

Copy and paste these HTML snippets into your Blogger posts or pages:

Primary Button:

<button class="btn btn-primary">Primary Button</button>

Button with Icon:

<button class="btn btn-primary">
  <i class="fas fa-download"></i> Download
</button>

Social Media Button:

<button class="btn btn-twitter">
  <i class="fab fa-twitter"></i> Follow on Twitter
</button>

Rounded Button:

<button class="btn btn-primary btn-rounded">Rounded Button</button>

Large Button:

<button class="btn btn-success btn-lg">Large Button</button>