---
title: "Service List Hover — Free Framer component · Best of Framer"
description: "Free Framer component · by Cycloto · Sections. Hover to reveal image, no code"
canonical: "https://framer.elliotli.dev/component/service-list-hover"
---

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

# Service List Hover

Hover to reveal image, no code

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

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

## Summary

Hover to reveal image, no code

## Description

[Live Preview](https://logical-interface-520734.framer.app/)

Turn your services section into an interactive list that shows exactly what you offer.

The section starts with a simple numbered list of services, and as visitors hover over each item, the image on the right updates to match. A vertical line marker slides down to highlight the active item, creating a clean, guided way to showcase multiple services without cluttering the page.

### Where it works well:

-   Service and offering breakdowns
    
-   Agency and freelancer portfolios
    
-   Web design and marketing sites
    
-   Consulting and studio websites
    
-   Any section listing multiple offerings
    

### What's included:

-   Numbered list with active state indicator
    
-   Hover triggered image swap
    
-   Smooth transition between images
    
-   Responsive on desktop, tablet, and phone
    
-   Easily swap in your own text and images
    
-   Ready to drop straight into your Framer project, no code needed
    

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

-   All · #3492

## Details

- **Author**: Cycloto
- **Published**: 2026-08-29
- **Updated**: 2026-08-29
- **Added**: 2026-08-29
- **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