About Service List Hover
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
