Team Showcase Pro lets you drop a sleek, fully interactive team or directory section directly into your Framer projects. Whether you want to highlight your core company crew, introduce event speakers, or display a beautiful portfolio directory, this component makes it effortless. It scales smoothly across all devices and gives you complete control over how your team members are displayed and discovered.
It dynamically generates a clean grid or row arrangement for your member cards based on the options seen in 1.png and 2.png. The component handles smooth hover states, staggers entrance animations automatically, and includes built-in filtering options to sort your team instantly by their respective roles. It effortlessly manages profile images, names, bios, and external social links with customizable open-in-new-tab behaviors.
Layout & Spacing: Adjust the number of layout columns, card gap, padding size, and card corner radius.
Media Styles: Switch the profile image aspect ratio easily between square, portrait, or circular shapes.
Animations & Effects: Control the hover lift height, animation speed, stagger delays, and choose between a sliding or fading bio overlay.
Content Toggles: Show or hide social icons, turn bio snippets on or off, enable hover-activated bios, click-to-expand features, and activate role-based filtering.
Colors & Typography: Fully personalize the background card color, name color, role color, glow effects, and overlay colors. You can also pick independent custom fonts for names, roles, and bio text.
Company about us pages
Agency and portfolio sites
Event or conference speaker lineups
Creator and community directories
Modern dashboard team panels
If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Team Showcase Pro lets you drop a sleek, fully interactive team or directory section directly into your Framer projects. Whether you want to highlight your core company crew, introduce event speakers, or display a beautiful portfolio directory, this component makes it effortless. It scales smoothly across all devices and gives you complete control over how your team members are displayed and discovered.
It dynamically generates a clean grid or row arrangement for your member cards based on the options seen in 1.png and 2.png. The component handles smooth hover states, staggers entrance animations automatically, and includes built-in filtering options to sort your team instantly by their respective roles. It effortlessly manages profile images, names, bios, and external social links with customizable open-in-new-tab behaviors.
Layout & Spacing: Adjust the number of layout columns, card gap, padding size, and card corner radius.
Media Styles: Switch the profile image aspect ratio easily between square, portrait, or circular shapes.
Animations & Effects: Control the hover lift height, animation speed, stagger delays, and choose between a sliding or fading bio overlay.
Content Toggles: Show or hide social icons, turn bio snippets on or off, enable hover-activated bios, click-to-expand features, and activate role-based filtering.
Colors & Typography: Fully personalize the background card color, name color, role color, glow effects, and overlay colors. You can also pick independent custom fonts for names, roles, and bio text.
Company about us pages
Agency and portfolio sites
Event or conference speaker lineups
Creator and community directories
Modern dashboard team panels
If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
