social-floating-icons
Version:
A React component for floating social media icons with customizable configuration. Perfect for portfolios, websites, and React/Next.js projects. Features hover effects, animations, and JSON-based configuration.
53 lines (52 loc) • 1.31 kB
JSON
{
"socialLinks": [
{
"name": "GitHub",
"link": "https://github.com/yourusername",
"icon": "FaGithub",
"color": "text-gray-800 hover:text-gray-600",
"want": true,
"size": 30
},
{
"name": "LinkedIn",
"link": "https://linkedin.com/in/yourusername",
"icon": "FaLinkedin",
"color": "text-blue-600 hover:text-blue-500",
"want": true,
"size": 30
},
{
"name": "Twitter",
"link": "https://twitter.com/yourusername",
"icon": "FaTwitter",
"color": "text-blue-400 hover:text-blue-300",
"want": true,
"size": 30
},
{
"name": "Instagram",
"link": "https://instagram.com/yourusername",
"icon": "FaInstagram",
"color": "text-pink-600 hover:text-pink-500",
"want": false,
"size": 30
},
{
"name": "YouTube",
"link": "https://youtube.com/@yourusername",
"icon": "FaYoutube",
"color": "text-red-600 hover:text-red-500",
"want": true,
"size": 30
},
{
"name": "Facebook",
"link": "https://facebook.com/yourusername",
"icon": "FaFacebook",
"color": "text-blue-600 hover:text-blue-500",
"want": false,
"size": 30
}
]
}