Getting Started

1 CSS file to use Bulma-Social

Choose your preferred installation method:

Requirement

Bulma-Social is an add-on stylesheet for Bulma, so Bulma (>= 1.0.0) must be installed and its CSS loaded before Bulma-Social.

1

Use NPM (recommended):

npm install bulma-social
Font Awesome icons

If you want to use icons with Bulma-Social, don't forget to include Font Awesome 7:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@7/css/all.min.css">

Starter Template

Copy this HTML template to get started immediately:

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Social Buttons and Colors for Bulma!</title>
<!-- Bulma -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1/css/bulma.min.css">
<!-- Your preferred icon library here -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@7/css/all.min.css">
<!-- Import all social provider styles from Bulma-Social -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/all.min.css">
</head>

Want a smaller bundle?

Import only the social providers you actually need.

Explore Modularity

Developed with by Aldi Duzha

The source code is licensed under MIT.

Available in and

View Changelog