Hover Reveal List

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.