About TeamList Interactive adds a beautifully fluid, split-view directory to your Framer projects. Drop it into an About Us page, a company culture section, or a creative portfolio to showcase your team members, roster, or partners. Visitors can scan a clean list view on one side while instantly loading high-res photos, bios, and specific call-to-action buttons on the other. It is designed to replace boring, static grids with an elegant, responsive experience that scales perfectly across devices.

What it does Renders a dynamically adjustable list of team members alongside a dedicated preview panel. It handles hover or click triggers flawlessly, dynamically changing the featured image, role, and custom tags based on the active selection. The component tracks index numbers, handles custom list heights, injects subtle list scale animations, and includes a smart built-in toggle to cleanly hide the list layout on mobile devices to keep your mobile UX fast and focused.

What you can customize Layout & Limits: Set your total member count, adjust the exact width split between the list and preview panel, set specific list item heights, and define the preview image height.

Typography & Styles: Complete control over list name size, weight, and font, plus custom sizes and colors for list roles, preview names, tags, and descriptions.

Accents & Details: Toggle index numbers on or off with four unique numbering formats, customize index and active item accent colors, choose between line, dot, or no dividers, and pick custom divider colors.

Interactions: Switch between hover or click triggers, set your initial active index, select distinct list hover effects like scaling, and toggle custom CTA labels, tags, and descriptions on or off.

Great for Agency "About Us" and team pages

Company directory or culture sections

Speaker rosters for events and conferences

Client portfolios and case study links

Creative studio project navigation

Share your build 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.

Need help? Questions or feedback?

Reach me anytime: We stand by the quality of our components. If you encounter any bugs, technical issues, or errors that prevent you from being fully satisfied with your purchase,

please reach out to us at dulajdilshan766@gmail.com within 7 days. If we cannot resolve the issue, we will issue a full refund immediately.