Team Section Pro

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

✦ Get everything for one price: https://ahmetloca.dub.link/allcomponents

About Team Section Pro

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