Hover List Dual Sync

Hover List Dual Sync – A Hover List That Swaps Two Images at Once

Hover List Dual Sync is a list component with an image on each side. When a visitor hovers an item, the item turns to the accent color and both images change to that item's pair. It works well for services, event types, menus or any list where every entry deserves its own visuals.

How it works

• Hover an item and it switches to the accent color.

• The left and right images swap to that item's own pair at the same time.

• The first item is active on load, so the layout never looks empty.

• Six items in the demo, each with a small icon and two images.

Easy to customize

• Edit every label and both images per item.

• Change the accent color, text color and font.

• Drop it into any Framer page and edit it from the properties panel or with your AI agent.