---
title: "Editorial Team Grid — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Design Foundry · Interactive. Editorial Team Grid is a premium editorial inspired team showcase component for Framer that presents team members in a clean, modern…"
canonical: "https://framer.elliotli.dev/component/editorial-team-grid"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Editorial Team Grid

# Editorial Team Grid

Duotone Team Member Showcase

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

![Editorial Team Grid preview image 1](https://framer.elliotli.dev/og/component/editorial-team-grid/6877632b55475fce/1600x1200.jpg)

## Summary

Editorial Team Grid is a premium editorial inspired team showcase component for Framer that presents team members in a clean, modern grid with bold typography, elegant spacing,…

## Description

**Editorial Team Grid** is a premium editorial inspired team showcase component for Framer that presents team members in a clean, modern grid with bold typography, elegant spacing, and striking duotone portraits. Designed for agencies, startups, creative studios, and modern businesses, it transforms ordinary team sections into a polished visual experience that highlights the people behind your brand.

Each team member features a responsive portrait, name, role, optional profile link, and customizable directional icon, all arranged in a flexible grid that automatically adapts across desktop, tablet, and mobile layouts. The component includes optional duotone image effects, hover color transitions, image zoom, scroll reveal animations, staggered entrances, hover lift interactions, responsive column controls, and customizable spacing, typography, colors, aspect ratios, and image positioning. Every element is fully customizable through Framer Property Controls, allowing you to create a unique team section without writing code.

### Perfect For

-   Agency websites
    
-   Startup landing pages
    
-   SaaS websites
    
-   Creative studios
    
-   Design portfolios
    
-   Corporate websites
    
-   Marketing agencies
    
-   Product teams
    
-   Architecture firms
    
-   Consulting businesses
    
-   Personal portfolios
    
-   Company about pages
    

### Features

-   Editorial inspired team grid
    
-   Responsive multi column layout
    
-   Automatic desktop, tablet, and mobile columns
    
-   Optional duotone portrait effect
    
-   Hover color reveal
    
-   Smooth image zoom on hover
    
-   Hover lift animation
    
-   Scroll reveal animations
    
-   Staggered entrance effects
    
-   Responsive portrait aspect ratios
    
-   Adjustable image positioning
    
-   Custom image fit controls
    
-   Team names and role labels
    
-   Optional profile links
    
-   Multiple arrow icon styles
    
-   Adjustable spacing and padding
    
-   Custom typography controls
    
-   Complete color customization
    

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

-   All · #1754

## Details

- **Author**: Design Foundry
- **Price**: $8.00
- **Published**: 2026-08-07
- **Updated**: 2026-10-02
- **Added**: 2026-08-07
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step