---
title: "Hover List — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Nirmiti Kale · Text. Interactive hover list for people & team"
canonical: "https://framer.elliotli.dev/component/hovernamelist"
---

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

# Hover List

Interactive hover list for people & team

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

![Hover List preview image 1](https://framer.elliotli.dev/og/component/hovernamelist/4bc7b55dbaf15bc7/1600x1200.jpg)

## Summary

Interactive hover list for people & team

## Description

**Hover Name List** is a flexible interaction component designed to showcase people, teams, or contributors with a clean hover or tap experience.

Built to work seamlessly across **desktop and mobile**, the component lets you switch between **hover** and **tap** interactions with a simple toggle, making it ideal for responsive layouts.

### What you can customize:

-   Interaction type: **Hover or Tap**
-   Text alignment
-   Name, title, and location fonts
-   Text colors and hover states
-   Background color
-   Animation duration
-   Image width and height
-   Horizontal and vertical spacing
-   Image offset positioning
-   Editable people list with images, names, titles, and locations

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-4z1uqnrg-exf6lvH2iv5lqKu3tiqANC5YrUWnhQ)

### How to Add Profile Images

1.  Select the **HoverNameList** component on your canvas.
2.  In the right properties panel, find the **People** control.
3.  Click **“30 Items”** to open the list of people.
4.  Select any person from the list (for example **Chris Makin**).
5.  Inside the **People Item** panel:

-   Scroll to the **Image** field.
-   Click the image area or **Add** button.

1.  Upload or select a portrait image.
2.  The image will now appear in the hover card when that name is hovered.

Repeat these steps for any other people in the list to customize the component.

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

-   All · #774

## Details

- **Author**: Nirmiti Kale
- **Price**: $4.00
- **Published**: 2026-03-05
- **Updated**: 2026-03-12
- **Added**: 2026-02-27
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos