---
title: "Team Flow Section — Framer component · Best of Framer"
description: "$7.00 · Framer component · by hayriye akgüller · Sections. A fluid way to showcase your team"
canonical: "https://framer.elliotli.dev/component/team-flow-section"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Team Flow Section

# Team Flow Section

A fluid way to showcase your team

[View on Framer](https://framer.com/marketplace/components/team-flow-section/?via=elliot-li)

![Team Flow Section preview image 1](https://framer.elliotli.dev/og/component/team-flow-section/7cf53782e668b0c8/1600x1038.jpg)

## Summary

A fluid way to showcase your team

## Description

**Meet your team in motion. Team Flow transforms a traditional people section into a fluid, interactive experience built for modern Framer sites.**

Three rows drift gently in alternating directions, keeping the center crisp while profiles softly blur and fade toward the edges. Hover over a portrait to bring it forward and reveal a playful, personalized name label with a matching cursor detail.

Everything is designed to feel subtle, polished, and effortless with just enough motion to make your team memorable without competing with the rest of the page.

Make it completely yours. Add or remove profiles, create empty cells, customize images and names, choose your own pastel palette, adjust typography, card size, corner radius, borders, spacing, backgrounds, blur, focus area, fade intensity, and animation speed.

Built specifically for Framer with responsive behavior, smooth CSS-based motion, reduced-motion support, and a static-render-safe architecture.\`

**Features**

-   `3 Independent Animated Rows`
    
-   `Alternating Flow Directions`
    
-   `Custom Team Images`
    
-   `Image & Empty Cell Layouts`
    
-   `Interactive Hover Profiles`
    
-   `Personalized Name Labels`
    
-   `Playful Cursor Details`
    
-   `Custom Pastel Color Palette`
    
-   `Adjustable Card Size`
    
-   `Custom Corner Radius`
    
-   `Editable Borders & Backgrounds`
    
-   `Flexible Spacing`
    
-   `Custom Typography`
    
-   `Soft Edge Blur`
    
-   `Adjustable Focus Area`
    
-   `Smooth Fade Transitions`
    
-   `Independent Animation Speeds`
    
-   `Pause on Hover`
    
-   `Responsive Layout`
    
-   `Reduced Motion Support`
    
-   `Static Render Safe`
    
-   `Optimized for Framer`
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #4373

## Details

- **Author**: hayriye akgüller
- **Price**: $7.00
- **Published**: 2026-08-09
- **Updated**: 2026-08-09
- **Added**: 2026-08-09
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes