TeamList Pro brings a sleek and deeply interactive roster component to your Framer projects. Perfect for about pages, agency portfolios, or event speaker lineups, this component lets you present your team in a beautifully organized list that reveals rich preview details on demand. Visitors can seamlessly explore different profiles with smooth, fluid transition effects that bring your layout to life. It is fully responsive and built to scale effortlessly from massive desktop displays down to clean mobile views.
Renders a dynamic multi item layout split between a structured list and a live preview card. It handles active states automatically, updating the preview image, name, role, tags, and description whenever a user interacts with a list item. The component supports custom divider lines or dots, clean index numbering formats, and responsive visibility toggles to deliver a premium user experience across all devices.
Layout & Content: Set total member count, adjust list versus preview width percentages, modify item heights, and toggle mobile visibility.
Navigation & Triggers: Switch between hover or click triggers to change active profiles, choose your initial active item, and apply smooth scale hover effects.
Typography & Sizing: Fine-tune font families, weights, and text sizes independently for list names, roles, preview titles, tags, and descriptions.
Styling & Accents: Customize active item accent colors, choose index number styles, pick tag styles (outline, filled, or plain), and configure divider types and colors.
Agency about pages
Conference speaker lineups
Company core team rosters
Client testimonial panels
Portfolio project feature lists
If you roll out an awesome layout with this component, share it on X and tag me @Dulajweb so I can see it in action.
Have ideas or running into questions? Drop me a line anytime at dulajdilshan766@gmail.com or find me on X @Dulajweb.
TeamList Pro brings a sleek and deeply interactive roster component to your Framer projects. Perfect for about pages, agency portfolios, or event speaker lineups, this component lets you present your team in a beautifully organized list that reveals rich preview details on demand. Visitors can seamlessly explore different profiles with smooth, fluid transition effects that bring your layout to life. It is fully responsive and built to scale effortlessly from massive desktop displays down to clean mobile views.
Renders a dynamic multi item layout split between a structured list and a live preview card. It handles active states automatically, updating the preview image, name, role, tags, and description whenever a user interacts with a list item. The component supports custom divider lines or dots, clean index numbering formats, and responsive visibility toggles to deliver a premium user experience across all devices.
Layout & Content: Set total member count, adjust list versus preview width percentages, modify item heights, and toggle mobile visibility.
Navigation & Triggers: Switch between hover or click triggers to change active profiles, choose your initial active item, and apply smooth scale hover effects.
Typography & Sizing: Fine-tune font families, weights, and text sizes independently for list names, roles, preview titles, tags, and descriptions.
Styling & Accents: Customize active item accent colors, choose index number styles, pick tag styles (outline, filled, or plain), and configure divider types and colors.
Agency about pages
Conference speaker lineups
Company core team rosters
Client testimonial panels
Portfolio project feature lists
If you roll out an awesome layout with this component, share it on X and tag me @Dulajweb so I can see it in action.
Have ideas or running into questions? Drop me a line anytime at dulajdilshan766@gmail.com or find me on X @Dulajweb.
