Hover Reveal List

Hover to focus. Everything else fades

HoverReveal delivers a focused, editorial reveal experience where content and media respond directly to visitor intent. Hovering over any list item activates a smooth media transition alongside an animated accent line, keeping visitors engaged without overwhelming them. Each item pair (title and visual) feels deliberate and considered, making HoverReveal ideal for sections where the content itself needs to do the talking. Key Features Image and video media per item with mixed support Animated accent line on active item Inactive item blur and opacity to guide focus Description overlay rendered directly on the media panel Fully responsive with automatic mobile layout switching Custom fonts, colors, borders, padding, and corner radius Reduced motion support built in Best For Services and feature sections Portfolio and project showcases Team and profile highlights Product feature breakdowns Editorial and magazine layouts Agency and studio websites Where to Use Homepage feature sections About and services pages Portfolio and case study pages Product detail and landing pages Any section where visuals need to be discovered intentionally Why HoverReveal Turns a static list into an immersive media experience Premium editorial feel with zero configuration needed Fully customizable through Framer property controls without touching code Supports both images and videos in the same component Guides visitor attention naturally through blur and opacity contrast Questions & Support For any questions or assistance, feel free to reach out at contact.juventin@gmail.com — I'm happy to help.

Hover to focus. Everything else fades