---
title: "Team Hover List — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Nostromo Studio · Text. Team Hover List displays a list of names that reveal a floating image card on hover — perfect for team pages, creative rosters…"
canonical: "https://framer.elliotli.dev/component/team-hover-list"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Team Hover List

# Team Hover List

Team Names with Hover Image Reveal

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

![Team Hover List preview image 1](https://framer.elliotli.dev/og/component/team-hover-list/e320681a6c6dcf0a/1600x1200.jpg)

## Summary

Team Hover List displays a list of names that reveal a floating image card on hover — perfect for team pages, creative rosters, and credits sections.

## Description

**Team Hover List** displays a list of names that reveal a floating image card on hover — perfect for team pages, creative rosters, and credits sections.

Each person can have an image (upload or URL), a job title, and a location. The card **follows the cursor** with optional spring inertia for a smooth, fluid feel. Vignette overlay and text appear automatically when content is provided, and hide when left empty.

## Key Features

### Content

-   Up to 50 team members
    
-   Image upload or URL per person
    
-   Optional title, location, and link per person
    
-   Configurable separator character between names
    
-   Preview mode to visualize any item live while editing
    

### Typography & Layout

-   Full font controls for name, title, and location
    
-   Separate hover color for names
    
-   Text alignment and gap controls
    

### Image Card

-   Adjustable width, height, radius, and shadow
    
-   Vignette overlay with customizable color
    
-   Title and location hidden automatically when both are empty
    

### Animation

-   Fade + scale transition with adjustable duration
    
-   Card follows the cursor with configurable offset
    
-   Optional spring inertia with stiffness and damping controls
    

## Usage Notes

Team Hover List works at any width and adapts to your layout. Best used on desktop — on mobile, a tap reveals the card instead.

## How to Set Up

1\. Drag Team Hover List onto your canvas

2\. Add your team members with names and images

3\. Adjust typography, card size, and animation

4\. Publish

## Refund Policy

All sales of digital products are final and non-refundable.

Questions? Contact [hellonostromostudio@gmail.com](mailto:hellonostromostudio@gmail.com) before purchasing.

Enjoy!

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

-   All · #4828

## Details

- **Author**: Nostromo Studio
- **Price**: $5.00
- **Published**: 2026-06-20
- **Updated**: 2026-06-26
- **Added**: 2026-06-20
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing