---
title: "Hover Reveal Service — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Nirav Jivani · Sections. Hover Reveal Service List - Rows that reveal images on hover Hover any row and its image wipes in from the side while the title and text…"
canonical: "https://framer.elliotli.dev/component/hover-reveal-service"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Hover Reveal Service

# Hover Reveal Service

Rows that reveal images on hover

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

![Hover Reveal Service preview image 1](https://framer.elliotli.dev/og/component/hover-reveal-service/06f6bad4f1fe277a/1600x1200.jpg)

## Summary

Hover Reveal Service List - Rows that reveal images on hover Hover any row and its image wipes in from the side while the title and text slide across to make room.

## Description

## **Hover Reveal Service List - Rows that reveal images on hover**

Hover any row and its image wipes in from the side while the title and text slide across to make room. It is the interaction you have seen on studio and agency sites, as a drop-in Framer component.

Use it for services, features, FAQs, process steps, case studies, a blog index, pricing tiers or a menu. Every row carries its own title, text, image and link, added and reordered from the Items list.

WHAT YOU CONTROL — 105 property controls, no code:

-   Row height, padding, insets, alignment, max text width
    
-   Image mode: on hover, always visible, or hidden
    
-   Image side, width, radius, fit, start scale, beside or stacked
    
-   Full font controls for title and body, with idle and hover colours
    
-   Dividers: colour, hover colour, weight, first and last line
    
-   Icon: arrow, chevron or plus — size, stroke, ring, fill, hover rotate and shift
    
-   Row fill, hover fill, corner radius
    
-   Hover and scroll-in entrance, each with its own transition editor
    
-   Per-row stagger and viewport threshold
    

**RESPONSIVE, PROPERLY**

Three tiers desktop, tablet and mobile each an independent override group with its own row height, insets, type sizes, max lines and icon size. Breakpoints measure the component's own width by default, so the list collapses correctly inside a narrow column, not only on a small screen.

Touch devices never report a hover, so the mobile tier sets images to always visible. Your photography still reads on a phone instead of quietly vanishing.

**BUILT WITH CARE**

Rows with links are real anchors keyboard accessible, and focus reveals the image

-   prefers-reduced-motion collapses every transition
    
-   No sticky hover left behind on touch
    
-   First measurement runs before paint, so phones never flash the desktop layout
    
-   A Preview Row control styles the hover state on the canvas
    

services list, hover reveal, image reveal, interactive list, responsive list, hover animation, portfolio, agency, features, FAQ, process steps, link list, editorial, accessible

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

-   All · #2912

## Details

- **Author**: Nirav Jivani
- **Price**: $10.00
- **Published**: 2026-09-08
- **Updated**: 2026-09-08
- **Added**: 2026-09-08
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove