Team Mosaic

Team Mosaic is an interactive team showcase for Framer that transforms traditional profile cards into a responsive editorial grid. Team members appear as clean portrait tiles, and selecting a person expands their card into a detailed profile while the surrounding grid smoothly rearranges around them.

✦ Key Features

• Interactive Team Grid - Present your people in a clean, responsive mosaic layout.

• Expandable Profiles - Select any member to reveal a larger profile directly inside the grid.

• Smooth Grid Reflow - Surrounding cards automatically reposition with fluid transitions when a profile opens.

• Detailed Member Profiles - Add name, role, team, location, bio, profile link, and email.

• Up to 40 Members - Build anything from a compact studio team to a larger company directory.

• Responsive Columns - Automatically adapts the grid from 2 to 6 columns based on available space.

• Monochrome Reveal - Display portraits in greyscale and reveal their original color on hover or when selected.

• Hover Image Zoom - Add subtle image scaling for a polished interactive feel.

• Focus Mode - Optionally dim surrounding members when a profile is expanded.

• Custom Header - Add an eyebrow, heading, and introduction above your team.

• Flexible Portraits - Adjust image proportions, tile size, spacing, padding, and corner radius.

• Custom Styling - Personalize backgrounds, profile panels, accent colors, typography, and interface details.

✦ What You Can Create

• Agency team pages

• Creative studio rosters

• Company directories

• Leadership showcases

• Startup team sections

• Employee profiles

• Design collectives

• About pages

• Founder and executive profiles

✦ Turn Your Team Into a Story

Team Mosaic combines portraits, profiles, and responsive grid movement into one cohesive team experience. Instead of sending visitors to separate profile pages, it lets them explore each person directly within the layout while keeping the entire team visible and connected.