5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T8a2,

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.

5a:[["$","$L5d",null,{"post":{"id":"019db22a-28c6-77be-aec4-21423096742a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8f9f11fc-0d34-4d7c-b2a4-6fcef586a2bd","name":"Juventin","slug":"juventin-ntwari-irakoze","avatar":"https://framerusercontent.com/avatars/users/8f9f11fc-0d34-4d7c-b2a4-6fcef586a2bd/eG35PrqG9","followed":false,"followsYou":false},"media":[],"resources":[{"id":"BmQfMecMnSgvnnJOtCBj","resolved":true,"title":"Hover Reveal List","body":"$5e","bodyJson":null,"introduction":"Hover to focus. Everything else fades","slug":"hover-reveal-list","author":{"framerUserId":"8f9f11fc-0d34-4d7c-b2a4-6fcef586a2bd","name":"Juventin","slug":"juventin-ntwari-irakoze","avatar":"https://framerusercontent.com/avatars/users/8f9f11fc-0d34-4d7c-b2a4-6fcef586a2bd/eG35PrqG9","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/BmQfMecMnSgvnnJOtCBj/hover-reveal-list-r49kIvGc5hMr68vuAQfokEkfIVIw7G","metadata":{"tint":{"h":84,"s":83,"l":19},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-09T20:10:45.485Z","updatedAt":"2026-04-21T12:32:14.985Z","publishedAt":"2026-04-21T22:30:00.646Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://proud-area-482690.framer.app/preview","price":"7","paymentUrl":"https://buy.polar.sh/polar_cl_Ap5wszV65wZiIfdsgEsuR0DS4G2T0EFh51ri31TnRyw","workshop":true,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"c4ikpzRSnan70SdwmyMT","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":17,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-21T22:30:00.646Z","updatedAt":"2026-04-21T22:30:00.646Z","reported":false}}],"$L5f"]

Suggested for you