Home

Library

Code components

Search a component or section

Social flip button animation on a light background.

Last updated on:

Updated on:

July 17, 2026

Copy code

Social flip button

Add animated 3D flip social icons to your Framer site. Hover-to-flip buttons with tooltips. You can easily connect up to 11 social networks with complete customization of colors, text, and links.

...

Variants:

Theme:

Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

Preview the component

How to use the component?

Insert the component. Copy it into your Framer project and drag it onto the canvas where you want your social links (footer, hero, contact section).

Add your socials. In the properties panel, open Socials and add or remove items. For each one, choose a Network, set the front-face Letter (leave empty to show the icon instead), write a Tooltip label, and paste your profile Link.

Style it. Adjust Size, Gap, Radius, and Padding, then set the Container, Front, Back, and Border Glow colors to match your brand.

Everything is responsive and animation-ready. Hit publish, and your social buttons are live.
Sign in if you are unable to copy this component to your Framer project.

Where to use?

We strongly recommend you use this component on:

Footer - The classic home for social links; the flip animation adds life to an otherwise static row.
Hero above the fold - Pair it with your headline and CTA so visitors can connect immediately.
Contact page - Next to your email and form as an alternative way to reach you.
Sticky header or side rail - A compact, always-visible follow bar as users scroll.
About section - Reinforce your personal or brand identity with quick links out.

Overall, drops cleanly into tight footers or wide hero layouts without breaking the design.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre-built Framer components and sections that 10x your design speed.

Life time access

Save hundreds of hours

10x design speed

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Buy now

Social flip button

Add animated 3D flip social icons to your Framer site. Hover-to-flip buttons with tooltips. You can easily connect up to 11 social networks with complete customization of colors, text, and links.

...

Variants:

Theme:

Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

Preview the component

How to use the component?

Insert the component. Copy it into your Framer project and drag it onto the canvas where you want your social links (footer, hero, contact section).

Add your socials. In the properties panel, open Socials and add or remove items. For each one, choose a Network, set the front-face Letter (leave empty to show the icon instead), write a Tooltip label, and paste your profile Link.

Style it. Adjust Size, Gap, Radius, and Padding, then set the Container, Front, Back, and Border Glow colors to match your brand.

Everything is responsive and animation-ready. Hit publish, and your social buttons are live.
Sign in if you are unable to copy this component to your Framer project.

Where to use?

We strongly recommend you use this component on:

Footer - The classic home for social links; the flip animation adds life to an otherwise static row.
Hero above the fold - Pair it with your headline and CTA so visitors can connect immediately.
Contact page - Next to your email and form as an alternative way to reach you.
Sticky header or side rail - A compact, always-visible follow bar as users scroll.
About section - Reinforce your personal or brand identity with quick links out.

Overall, drops cleanly into tight footers or wide hero layouts without breaking the design.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre-built Framer components and sections that 10x your design speed.

Life time access

Save hundreds of hours

10x design speed

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Buy now

Library overview

Framerstacks hosts one of the largest collections of pre-built Framer components and website sections. With 200+ professionally designed components and 800+ variants.

Our library spans 40+ webpage section categories, enabling creators to build beautiful, high-performance websites in Framer faster than ever.

Explore the main library page.

Contribution

Have something creative on your mind? Or wish to become a contributor inside Framerstacks?

You're welcome. Join as a contributor and help to shape the future of high-quality Framer components and sections gallery. Head over to the submission page and contribute.