Service List Hover

Hover to reveal image, no code

Live Preview

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