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:Tac0,

Team Showcase transforms a traditional team section into an immersive storytelling experience. Instead of displaying static profile cards, each team member expands into focus with smooth transitions, bold typography, and a modern full-screen layout that highlights their personality and role.

Built for Framer, Team Showcase combines interactive hover animations, responsive layouts, customizable content, and effortless editing controls to help agencies, startups, SaaS companies, studios, creators, and personal brands present their teams in a memorable and professional way.

Key Features

Interactive expandable team showcase
Smooth hover and transition animations
Bold full screen team member spotlight
Custom images, names, roles, and descriptions
Fully responsive across desktop and mobile
Clean, modern, premium design
Lightweight and performance optimized
No-code customization inside Framer

Perfect For

Startup websites
Agency websites
SaaS landing pages
Portfolio websites
Creative studios
Personal brands
Product websites
Company "About Us" pages

Customization Controls

Team Member Image – Upload custom profile images.

Team Member Name – Display each member's name.

Team Member Description – Write short bios or introductions.

Background Colors – Customize the color of each showcase panel.

Read the complete setup and customization guide in our documentation: View documentation

Keywords

Team Showcase, Interactive Team Section, Team Cards, Team Slider, About Us Section, Company Team, Team Profiles, Creative Team Layout, Hover Team Cards, Expandable Team Section, Team Gallery, Framer Team Component, Agency Team Section, Modern Team Showcase

Important Note

Designed for optimal desktop and mobile experiences.
Use high-quality, optimized images for the best visual results and faster loading.
All content and styling can be customized directly within Framer.

Support

If you have any questions or need assistance, contact us at hello@7synctech.com. We're always happy to help.

5a:[["$","$L5d",null,{"post":{"id":"019f1da5-8b0d-779f-aa64-3cbc339cf7cf","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e345ab55-2332-4208-93c3-60dfe7e719ff","name":"7 Sync Technologies","slug":"7-sync-technologies","avatar":"https://framerusercontent.com/avatars/users/e345ab55-2332-4208-93c3-60dfe7e719ff/LZO9fplfb","followed":false,"followsYou":false},"media":[],"resources":[{"id":"9FgivFsjWhY2zn0GbC4V","resolved":true,"title":"Team Showcase","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Team Showcase","marks":[{"type":"bold"}]},{"type":"text","text":" transforms a traditional team section into an immersive storytelling experience. Instead of displaying static profile cards, each team member expands into focus with smooth transitions, bold typography, and a modern full-screen layout that highlights their personality and role."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for Framer, "},{"type":"text","text":"Team Showcase","marks":[{"type":"bold"}]},{"type":"text","text":" combines interactive hover animations, responsive layouts, customizable content, and effortless editing controls to help agencies, startups, SaaS companies, studios, creators, and personal brands present their teams in a memorable and professional way."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive expandable team showcase"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth hover and transition animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bold full screen team member spotlight"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom images, names, roles, and descriptions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive across desktop and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean, modern, premium design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight and performance optimized"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No-code customization inside Framer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Startup websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Personal brands"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Company \"About Us\" pages"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization Controls"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Team Member Image","marks":[{"type":"bold"}]},{"type":"text","text":" – Upload custom profile images."}]},{"type":"paragraph","content":[{"type":"text","text":"Team Member Name","marks":[{"type":"bold"}]},{"type":"text","text":" – Display each member's name."}]},{"type":"paragraph","content":[{"type":"text","text":"Team Member Description","marks":[{"type":"bold"}]},{"type":"text","text":" – Write short bios or introductions."}]},{"type":"paragraph","content":[{"type":"text","text":"Background Colors","marks":[{"type":"bold"}]},{"type":"text","text":" – Customize the color of each showcase panel."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Read the complete setup and customization guide in our documentation: "},{"type":"text","text":"View documentation","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://app.notion.com/p/Team-Showcase-390124d1065a80bbbde9f3419ed5cfc1","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Keywords"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Team Showcase, Interactive Team Section, Team Cards, Team Slider, About Us Section, Company Team, Team Profiles, Creative Team Layout, Hover Team Cards, Expandable Team Section, Team Gallery, Framer Team Component, Agency Team Section, Modern Team Showcase"}]},{"type":"customHeading","content":[{"type":"text","text":"Important Note"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designed for optimal desktop and mobile experiences."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use high-quality, optimized images for the best visual results and faster loading."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"All content and styling can be customized directly within Framer."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Support"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"If you have any questions or need assistance, contact us at "},{"type":"text","text":"hello@7synctech.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@7synctech.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":". We're always happy to help."}]}]},"introduction":"Animated Team Section","slug":"team-showcase","author":{"framerUserId":"e345ab55-2332-4208-93c3-60dfe7e719ff","name":"7 Sync Technologies","slug":"7-sync-technologies","avatar":"https://framerusercontent.com/avatars/users/e345ab55-2332-4208-93c3-60dfe7e719ff/LZO9fplfb","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e345ab55-2332-4208-93c3-60dfe7e719ff/u9rfuc80","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-01T12:26:56.095Z","updatedAt":"2026-07-02T05:54:49.956Z","publishedAt":"2026-07-01T12:26:56.092Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Team-Showcase-sIMnIj.js@7GiE7lemWNTRODzmgke8","previewUrl":"https://teamshowcasesection.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"7GiE7lemWNTRODzmgke8","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":49,"liked":false},"comments":{"count":7},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-01T12:26:56.141Z","updatedAt":"2026-07-01T12:26:56.141Z","reported":false}}],"$L5f"]

Suggested for you