Social Media Icons
Animated, interactive social media icons for Framer. Fully customizable Mail, Twitter/X, and Instagram icons with smooth hover animations, colors, size, spacing, and links editable
Make it with Workshop
Build your own component with AI
About this Component
Bring your social media links to life with this Framer-ready Code Component. SocialMediaLinks includes Mail, Twitter/X, and Instagram icons that are fully interactive, visually editable, and optimized for smooth animations.
Features:
Animated hover effects – icons scale and lift slightly with soft shadows, giving a natural and lively feel.
Tap interaction – subtle press animation for a polished, responsive experience.
Fully customizable in Framer UI:
Show or hide individual icons
Edit icon links (Mail, Twitter/X, Instagram)
Change icon color and container background
Adjust icon/container size, spacing, and corner radius
Self-contained component – no external CSS, ready to drop directly onto your canvas.
Optimized for Framer – smooth performance, clean JSX, and responsive visuals.
Usage:
Drag and drop SocialMediaLinks onto your canvas.
Use the right-hand panel to adjust colors, size, spacing, and links.
Interact with the icons to see live hover and tap animations.
