---
title: "Service Section 4 — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Ahmet Loca · Sections. Service Section 4 ServicesSection is a large masthead-style services list for Framer."
canonical: "https://framer.elliotli.dev/component/service-section-4"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Service Section 4

# Service Section 4

Services list, hover image preview

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

![Service Section 4 preview image 1](https://framer.elliotli.dev/og/component/service-section-4/dd8f06658fbed06f/1600x1200.jpg)

## Summary

Service Section 4 ServicesSection is a large masthead-style services list for Framer.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

## **About Service Section 4**

ServicesSection is a large masthead-style services list for Framer. On desktop, hovering a row reveals that service's image in a panel that follows your cursor around the list. On mobile and keyboard, clicking or tapping a row opens an inline accordion with the description and image instead — so every service stays fully reachable without a mouse. Ideal for agencies, studios and SaaS teams that want a bold, editorial way to present their offerings.

Cursor-following image preview on hover Click/tap accordion reveal for mobile & keyboard Two-column header — eyebrow, heading and side text Independent font controls for heading, title, category, description, side text and eyebrow Optional uppercase toggle for every text element Adjustable accordion open/close speed and preview size Resizable eyebrow icon Built-in [schema.org](http://schema.org) structured data for SEO & AI search Fully accessible — ARIA states, visible focus ring, keyboard support Fully responsive — auto-adapts across small, mobile, tablet and desktop 5 customizable services with title, category tag, description, image and link Works out of the box — no setup needed

**Use Cases**

Agency & studio services pages

Consulting & professional services sites

SaaS feature and services sections

Design & development studio portfolios

Freelancer & personal brand websites

Marketing agency landing pages

B2B service listing pages

Architecture & interior design studios

Law firm & finance services pages

Editorial & magazine-style service directories

**Keywords**

services list, service list component, hover preview, cursor follow image, accordion services, framer services section, service showcase, agency services list, editorial services list, hover image reveal, masthead list, service card list, accessible accordion, SEO services list, no-code services component, service section

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

-   All · #2758

## Details

- **Author**: Ahmet Loca
- **Price**: $4.00
- **Published**: 2026-07-25
- **Updated**: 2026-09-30
- **Added**: 2026-07-25
- **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