Bulma-Social v2.1.0

Social Buttons and Colors for Bulma

View on GitHub Download

Getting started with Bulma-Social

1 CSS file to use Bulma-Social

There are several ways to get started with Bulma-Social. You can either:

  1. use npm to install the Bulma-Social package
  2. use the jsDelivr CDN to link to the Bulma-Social stylesheet
  3. use the GitHub repository to get the latest development version

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 5: 

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

Starter Template

If you want to get started right away, you can use this HTML starter template.
Just copy/paste this code in a file and save it on your computer. 

<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@0/css/bulma.min.css">
<!-- Your preferred icon library here -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
<!-- Import all social provider styles from Bulma-Social -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/all.min.css">
</head>

Are you worried about the bundle size?

In the next page, you will learn how to import certain social providers.

Next Section

Developed with by Aldi Duzha

The source code is licensed under MIT.

Available in and

View Changelog