Import only the standalone CSS files you use
This page covers standalone CSS mode. Instead of loading css/all.min.css, import only the provider files your UI actually uses.
Use this package path pattern:
import 'tailwindcss-social/css/single/<provider>/<provider>.min.css';Example imports:
import 'tailwindcss-social/css/single/github/github.min.css';
import 'tailwindcss-social/css/single/linkedin/linkedin.min.css';
import 'tailwindcss-social/css/single/youtube/youtube.min.css';Or use the same pattern from a CDN:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss-social@1/css/single/<provider>/<provider>.min.css">Example CDN links:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss-social@1/css/single/github/github.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss-social@1/css/single/linkedin/linkedin.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss-social@1/css/single/youtube/youtube.min.css">Need provider codes? Browse all providers.
Need multiple providers in one file?
Build a custom CSS bundle with only the providers you need.
Explore Customization