5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T882,

Showcase your people in style with Team Social Cards, a modern, fully customizable team section component for Framer. Built for agencies, startups, portfolios, and SaaS websites, it turns a plain "Meet the Team" block into an interactive experience visitors will remember.

Each card features a large, full-bleed portrait with the member's name and role placed cleanly at the bottom. When someone hovers over a card, a smooth curved social bar slides in from the side with rounded icons for Facebook, Twitter, LinkedIn, and Instagram. The animation is fluid and polished, so your team page feels premium without any custom code.

Why you'll love it:

Eye-catching hover animation that reveals social media links
Clean portrait card layout with rounded corners
Name and job title displayed clearly on every card
Bold curved social bar with circular icons
Fully responsive design for desktop, tablet, and mobile
Easy to customize: swap images, names, roles, and links in seconds
Adjustable colors, so the social bar matches your brand
Lightweight and performance-friendly
Works great on both dark and light backgrounds

Perfect for:

Team and About Us pages
Agency and studio websites
Startup and SaaS landing pages
Portfolio and personal brand sites
Company culture and careers pages
Creative and design team showcases

How to use it: drag the component onto your canvas, replace the sample photos with your own, edit the names and job titles, and paste in each person's social profile URLs. Then adjust the colors and spacing in the property panel to match your design. No coding required.

Whether you're introducing designers, developers, marketers, or leadership, this component helps you build trust, add personality, and give visitors an easy way to connect with your team.

Add Team Social Cards to your project today and give your team page the attention it deserves.

5a:[["$","$L5d",null,{"post":{"id":"01a0ee18-4728-7318-a000-5fccb5f85ae8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[],"resources":[{"id":"NmUNk9mn0A1scWIfgmvY","resolved":true,"title":"Team Section","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcase your people in style with Team Social Cards, a modern, fully customizable team section component for Framer. Built for agencies, startups, portfolios, and SaaS websites, it turns a plain \"Meet the Team\" block into an interactive experience visitors will remember."}]},{"type":"paragraph","content":[{"type":"text","text":"Each card features a large, full-bleed portrait with the member's name and role placed cleanly at the bottom. When someone hovers over a card, a smooth curved social bar slides in from the side with rounded icons for Facebook, Twitter, LinkedIn, and Instagram. The animation is fluid and polished, so your team page feels premium without any custom code."}]},{"type":"paragraph","content":[{"type":"text","text":"Why you'll love it:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Eye-catching hover animation that reveals social media links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean portrait card layout with rounded corners"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Name and job title displayed clearly on every card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bold curved social bar with circular icons"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive design for desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to customize: swap images, names, roles, and links in seconds"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable colors, so the social bar matches your brand"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight and performance-friendly"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works great on both dark and light backgrounds"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Team and About Us pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency and studio websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Startup and SaaS landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio and personal brand sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Company culture and careers pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative and design team showcases"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to use it: drag the component onto your canvas, replace the sample photos with your own, edit the names and job titles, and paste in each person's social profile URLs. Then adjust the colors and spacing in the property panel to match your design. No coding required."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're introducing designers, developers, marketers, or leadership, this component helps you build trust, add personality, and give visitors an easy way to connect with your team."}]},{"type":"paragraph","content":[{"type":"text","text":"Add Team Social Cards to your project today and give your team page the attention it deserves."}]}]},"introduction":"Team cards with hover social icons","slug":"team-section","author":{"framerUserId":"515a92b5-aa38-489d-bed7-d5b7cf38b118","name":"Deckle","slug":"deckle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/xpejei38","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/515a92b5-aa38-489d-bed7-d5b7cf38b118/01a0ee16-e87c-75d0-ae22-7fee78453ac9.png","metadata":{"tint":{"h":200,"s":21,"l":22},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-09-29T16:56:02.926Z","updatedAt":"2026-09-29T16:56:02.926Z","publishedAt":"2026-09-29T16:56:02.923Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://myteamsection.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/8z3xaIjD-team-section","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"e3pHJ2g4Kw5GyvGq8Rgq","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-29T16:56:03.624Z","updatedAt":"2026-09-29T16:56:03.624Z","reported":false}}],"$L5f"]

Suggested for you