Modularity

Import the social providers you really need

Bulma-Social consists of .css files that you can import individually.

Requirement: Bulma >= 1.0.0 must be loaded before Bulma-Social.

You can import them directly from node_modules:

import 'bulma-social/css/single/apple/apple.min.css';
import 'bulma-social/css/single/bitbucket/bitbucket.min.css';
import 'bulma-social/css/single/discord/discord.min.css';
import 'bulma-social/css/single/dropbox/dropbox.min.css';
import 'bulma-social/css/single/facebook/facebook.min.css';
import 'bulma-social/css/single/flickr/flickr.min.css';
import 'bulma-social/css/single/foursquare/foursquare.min.css';
import 'bulma-social/css/single/github/github.min.css';
import 'bulma-social/css/single/gitlab/gitlab.min.css';
import 'bulma-social/css/single/instagram/instagram.min.css';
import 'bulma-social/css/single/linkedin/linkedin.min.css';
import 'bulma-social/css/single/microsoft/microsoft.min.css';
import 'bulma-social/css/single/odnoklassniki/odnoklassniki.min.css';
import 'bulma-social/css/single/openid/openid.min.css';
import 'bulma-social/css/single/pinterest/pinterest.min.css';
import 'bulma-social/css/single/reddit/reddit.min.css';
import 'bulma-social/css/single/slack/slack.min.css';
import 'bulma-social/css/single/soundcloud/soundcloud.min.css';
import 'bulma-social/css/single/tumblr/tumblr.min.css';
import 'bulma-social/css/single/twitter/twitter.min.css';
import 'bulma-social/css/single/vimeo/vimeo.min.css';
import 'bulma-social/css/single/vk/vk.min.css';
import 'bulma-social/css/single/yahoo/yahoo.min.css';
import 'bulma-social/css/single/youtube/youtube.min.css';

or link them from your favourite CDN provider.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/apple/apple.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/bitbucket/bitbucket.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/discord/discord.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/dropbox/dropbox.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/facebook/facebook.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/flickr/flickr.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/foursquare/foursquare.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/github/github.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/gitlab/gitlab.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/instagram/instagram.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/linkedin/linkedin.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/microsoft/microsoft.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/odnoklassniki/odnoklassniki.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/openid/openid.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/pinterest/pinterest.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/reddit/reddit.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/slack/slack.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/soundcloud/soundcloud.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/tumblr/tumblr.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/twitter/twitter.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/vimeo/vimeo.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/vk/vk.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/yahoo/yahoo.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@3/css/single/youtube/youtube.min.css">

Want to see all available providers?

Browse the complete list of social media buttons you can import.

Explore All Providers

Developed with by Aldi Duzha

The source code is licensed under MIT.

Available in and

View Changelog