About Component
TeamSectionPro is a numbered team list for Framer. Each row shows a member's name and role; clicking or tapping it expands an accordion with their bio, portrait, and social links — fully reachable by keyboard, not just mouse. A gradient sweep reveals each name on hover or open, and the header pairs an eyebrow label with a heading and side text.
Numbered rows that expand into bio, portrait, and social links Click/tap accordion — keyboard accessible, not hover-only Gradient sweep name reveal on hover or open Two-column header — eyebrow, heading and side text Independent font controls for heading, side text, member name, number and bio Optional uppercase toggle for every text element Adjustable accordion open/close speed Adjustable portrait corner radius "Open first by default" toggle for the initial page-load state Resizable eyebrow icon Built-in Person schema markup for SEO & AI search visibility Fully accessible — ARIA states, visible focus ring, screen-reader friendly Fully responsive — portrait stacks above bio on mobile, beside it on desktop 3 customizable members with name, role, bio, photo and social links Works out of the box — no setup needed
Use Cases
About & team pages for agencies and studios
Startup and SaaS leadership pages
Consulting & professional services firms
Design and development studio rosters
Law firm & finance team directories
University faculty and department pages
Nonprofit and organization staff pages
Editorial mastheads and contributor lists
Conference speaker and event lineup pages
Portfolio sites introducing collaborators
Keywords
team list, team section, expandable team bios, numbered team list, accordion team, staff directory, about us team, team member component, framer team component, team bio reveal, click to expand team, social links team, person schema markup, team page framer, leadership team section, staff bio accordion, team gallery, expandable bio list, team directory component, masthead team list
About Component
TeamSectionPro is a numbered team list for Framer. Each row shows a member's name and role; clicking or tapping it expands an accordion with their bio, portrait, and social links — fully reachable by keyboard, not just mouse. A gradient sweep reveals each name on hover or open, and the header pairs an eyebrow label with a heading and side text.
Numbered rows that expand into bio, portrait, and social links Click/tap accordion — keyboard accessible, not hover-only Gradient sweep name reveal on hover or open Two-column header — eyebrow, heading and side text Independent font controls for heading, side text, member name, number and bio Optional uppercase toggle for every text element Adjustable accordion open/close speed Adjustable portrait corner radius "Open first by default" toggle for the initial page-load state Resizable eyebrow icon Built-in Person schema markup for SEO & AI search visibility Fully accessible — ARIA states, visible focus ring, screen-reader friendly Fully responsive — portrait stacks above bio on mobile, beside it on desktop 3 customizable members with name, role, bio, photo and social links Works out of the box — no setup needed
Use Cases
About & team pages for agencies and studios
Startup and SaaS leadership pages
Consulting & professional services firms
Design and development studio rosters
Law firm & finance team directories
University faculty and department pages
Nonprofit and organization staff pages
Editorial mastheads and contributor lists
Conference speaker and event lineup pages
Portfolio sites introducing collaborators
Keywords
team list, team section, expandable team bios, numbered team list, accordion team, staff directory, about us team, team member component, framer team component, team bio reveal, click to expand team, social links team, person schema markup, team page framer, leadership team section, staff bio accordion, team gallery, expandable bio list, team directory component, masthead team list
Ahmet Loca
