5d:I[473921,["/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/2svd483q03jkh.js","/creators-assets/_next/static/immutable/chunks/168ndrpf5qukf.js","/creators-assets/_next/static/immutable/chunks/3py036r67l2cz.js","/creators-assets/_next/static/immutable/chunks/1ozc4wc1du10z.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/0ak510_hzfaam.js","/creators-assets/_next/static/immutable/chunks/2h_rs7nbfvb7-.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/03stgnoj58q7s.js","/creators-assets/_next/static/immutable/chunks/2mxay2-h-hkwd.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/355jz6twgi-xd.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/16gequ09928lv.js","/creators-assets/_next/static/immutable/chunks/2f6k-nq5t2nve.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/3v380aaevwq5a.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"PostDetailCard"] 5e:T9c1,

Editorial Hover Grid is an interactive editorial image grid for Framer that transforms a clean visual layout into a rich content experience. Each image can reveal a beautifully styled information panel with a label, title, description, custom colors, and an optional link.

✦ Key Features

Interactive Hover Reveal - Hover over an image to reveal its editorial content.
Image Gallery - Build visual collections using uploaded images or image URLs.
Editorial Content - Add a custom label, title, and description to every card.
Custom Card Links - Connect individual cards to pages, projects, or external destinations.
Staggered Text Reveal - Content smoothly appears in sequence for a polished interaction.
Flexible Grid - Choose a fixed number of cards per row or use an automatically adapting layout.
Custom Panel Colors - Give every reveal panel its own background and text colors.
Adjustable Image Layout - Control image size, aspect ratio, inset, corner radius, and reveal scaling.
Custom Typography - Independently style labels, titles, and body copy.
Responsive Typography - Text automatically scales with the available card size.

✦ What You Can Create

Editorial image galleries
Photography portfolios
Art and exhibition showcases
Creative project archives
Magazine-inspired layouts
Case study collections
Design studio portfolios
Museum and cultural websites
Visual storytelling sections
Interactive project grids

✦ Turn Every Image Into a Story

Editorial Hover Grid gives every image a second layer of information. Visitors can explore the visuals first, then reveal the story behind each piece through smooth interaction, bold color panels, and carefully structured typography. Keywords: Editorial Hover Grid, Hover Grid, Editorial Gallery, Hover Reveal, Interactive Grid, Image Grid, Framer Gallery, Editorial Layout, Portfolio Grid, Image Reveal, Hover Gallery, Creative Portfolio, Photography Gallery, Interactive Gallery.

5a:[["$","$L5d",null,{"post":{"id":"01a09ff6-f8ec-71ed-a81d-a3bd32990fd0","title":null,"body":"

Editorial Hover Grid Component

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial Hover Grid Component "}]}]},"author":{"framerUserId":"93e0445d-da1b-434f-be79-797c7c983df6","name":"Axis Supply","slug":"axissupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/93e0445d-da1b-434f-be79-797c7c983df6/x7b91rcg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"cm5g8wlPlpf6gsvlUHir","resolved":true,"title":"Editorial Hover Grid","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial Hover Grid","marks":[{"type":"bold"}]},{"type":"text","text":" is an interactive editorial image grid for Framer that transforms a clean visual layout into a rich content experience. Each image can reveal a beautifully styled information panel with a label, title, description, custom colors, and an optional link."}]},{"type":"customHeading","content":[{"type":"text","text":"✦ Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Hover Reveal","marks":[{"type":"bold"}]},{"type":"text","text":" - Hover over an image to reveal its editorial content."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image Gallery","marks":[{"type":"bold"}]},{"type":"text","text":" - Build visual collections using uploaded images or image URLs."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial Content","marks":[{"type":"bold"}]},{"type":"text","text":" - Add a custom label, title, and description to every card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Card Links","marks":[{"type":"bold"}]},{"type":"text","text":" - Connect individual cards to pages, projects, or external destinations."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Staggered Text Reveal","marks":[{"type":"bold"}]},{"type":"text","text":" - Content smoothly appears in sequence for a polished interaction."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible Grid","marks":[{"type":"bold"}]},{"type":"text","text":" - Choose a fixed number of cards per row or use an automatically adapting layout."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Panel Colors","marks":[{"type":"bold"}]},{"type":"text","text":" - Give every reveal panel its own background and text colors."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable Image Layout","marks":[{"type":"bold"}]},{"type":"text","text":" - Control image size, aspect ratio, inset, corner radius, and reveal scaling."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Typography","marks":[{"type":"bold"}]},{"type":"text","text":" - Independently style labels, titles, and body copy."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Typography","marks":[{"type":"bold"}]},{"type":"text","text":" - Text automatically scales with the available card size."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"✦ What You Can Create"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial image galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photography portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Art and exhibition showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative project archives"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Magazine-inspired layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Case study collections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design studio portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Museum and cultural websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visual storytelling sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive project grids"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"✦ Turn Every Image Into a Story"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Editorial Hover Grid gives every image a second layer of information. Visitors can explore the visuals first, then reveal the story behind each piece through smooth interaction, bold color panels, and carefully structured typography. Keywords"},{"type":"text","text":":","marks":[{"type":"bold"}]},{"type":"text","text":" Editorial Hover Grid, Hover Grid, Editorial Gallery, Hover Reveal, Interactive Grid, Image Grid, Framer Gallery, Editorial Layout, Portfolio Grid, Image Reveal, Hover Gallery, Creative Portfolio, Photography Gallery, Interactive Gallery."}]}]},"introduction":"Interactive Editorial Hover Card","slug":"editorial-hover-grid","author":{"framerUserId":"93e0445d-da1b-434f-be79-797c7c983df6","name":"Axis Supply","slug":"axissupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/93e0445d-da1b-434f-be79-797c7c983df6/x7b91rcg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/93e0445d-da1b-434f-be79-797c7c983df6/01a09ff6-71a9-773b-9c30-9edc38144cb1.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-14T12:49:17.470Z","updatedAt":"2026-09-22T10:20:03.888Z","publishedAt":"2026-09-14T12:49:17.462Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://editorialhovergrid.framer.website/","price":"6","paymentUrl":"https://buy.polar.sh/polar_cl_FCayp2PWG7mADnDIQi5HCi0i5IEyJpGSRKfFN1TZRiI","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"Eyfuj6zfKfudbRW4thNr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T12:49:18.060Z","updatedAt":"2026-09-14T12:49:18.060Z","reported":false}}],"$L5f"]

Suggested for you