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

Hover to reveal image, no code