LeadershipMaya Okafor
Maya started the company to make good tooling accessible to every small team. She spends her days on strategy, partnerships and the occasional customer call.
Framer Team Directory Component
Directory grid
List view
Carousel
Light · Dark · Auto
Search & filters
Profile modal
Fully responsive
LeadershipMaya started the company to make good tooling accessible to every small team. She spends her days on strategy, partnerships and the occasional customer call.
EngineeringDaniel leads a distributed team of engineers and cares deeply about boring, reliable infrastructure and kind code reviews.
DesignPriya shapes the product experience end to end, from first sketch to polished interaction details.
EngineeringLukas ships features across the stack and keeps the build pipeline fast enough that nobody has time to get coffee.
DesignAiko builds the visual language of the brand, from logo systems to campaign art direction.
MarketingSofia runs experiments across channels and turns messy data into clear next steps for the team.
SupportOmar makes sure every customer gets a fast, human answer and turns recurring questions into product improvements.
LeadershipChloe looks after hiring, growth and the everyday rituals that make the team a good place to do great work.
01 · Directory
Visitors can search by name, role or skill, filter by team and location, and open a full profile in one click.
LeadershipMaya started the company to make good tooling accessible to every small team. She spends her days on strategy, partnerships and the occasional customer call.
EngineeringDaniel leads a distributed team of engineers and cares deeply about boring, reliable infrastructure and kind code reviews.
DesignPriya shapes the product experience end to end, from first sketch to polished interaction details.
EngineeringLukas ships features across the stack and keeps the build pipeline fast enough that nobody has time to get coffee.
DesignAiko builds the visual language of the brand, from logo systems to campaign art direction.
MarketingSofia runs experiments across channels and turns messy data into clear next steps for the team.
SupportOmar makes sure every customer gets a fast, human answer and turns recurring questions into product improvements.
LeadershipChloe looks after hiring, growth and the everyday rituals that make the team a good place to do great work.
02 · List
A compact layout for long teams and mobile screens. Let visitors switch between grid and list, or lock the one you want.








03 · Themes
Match your site, follow the visitor’s system theme with no flash, or give people a switch. Every color is editable.
LeadershipMaya started the company to make good tooling accessible to every small team. She spends her days on strategy, partnerships and the occasional customer call.
EngineeringDaniel leads a distributed team of engineers and cares deeply about boring, reliable infrastructure and kind code reviews.
DesignPriya shapes the product experience end to end, from first sketch to polished interaction details.
EngineeringLukas ships features across the stack and keeps the build pipeline fast enough that nobody has time to get coffee.
DesignAiko builds the visual language of the brand, from logo systems to campaign art direction.
MarketingSofia runs experiments across channels and turns messy data into clear next steps for the team.
SupportOmar makes sure every customer gets a fast, human answer and turns recurring questions into product improvements.
LeadershipChloe looks after hiring, growth and the everyday rituals that make the team a good place to do great work.
Everything included
The details that make a component feel like a product.
01
Three display styles
Directory grid, compact list or a swipeable carousel. Switch with a single control.
02
Search & smart filters
Instant search across names, roles, skills and bios, plus team and location filters.
03
Profile pop-ups
Click any card for a full profile with bio, skills, socials and keyboard navigation.
04
Light, dark & auto
Follows the visitor’s theme with no flash, or lets them switch with a built-in toggle.
05
Responsive by design
Columns and slides adapt to the container, not the screen, so it works in any layout.
06
No layout shift
Pure-CSS responsive layout means the very first paint is already correct. No jumping.
Drop the component onto any page, add your people, and you’re done. No code, no plugins, no layout fiddling.
Get Team Directory
Team Directory · a responsive code component for Framer
How to use the component →