5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rdgef59pv3cw.js","/creators-assets/_next/static/immutable/chunks/0zdv1ssrxkrvj.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/0gxswkth5mc6b.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/36invrtoq879v.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0j6nyijn0flqd.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3h1dt97hv5ik0.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1h-r9oggqjick.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.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/2051y-i4b0nnm.js"],"PostDetailCard"] 5d:T93b,

InkBleedGallery is a premium interactive Framer component designed to create cinematic image experiences with advanced hover animations, dynamic ink-mask reveals, smooth cursor interactions, layered image transitions, and luxury motion effects. Built for modern creators, agencies, portfolios, fashion brands, creative studios, and high-end websites that need visually striking presentation sections.

The component combines animated masking, hover scaling, cursor-follow interaction, and dual-image reveal effects to create a futuristic browsing experience that instantly captures attention. Every interaction feels fluid, responsive, and highly polished, making the gallery feel alive and immersive instead of static.

Perfect for:

Creative portfolios
Agency websites
Fashion brands
Photography showcases
Modern landing pages
Luxury product presentations
Interactive case studies
Premium Framer templates

Features

Advanced ink mask hover effect
Smooth cursor-follow animation
Dynamic layered image reveal
Cinematic image scaling transitions
Interactive hover motion system
Responsive gallery layout
Adjustable columns & spacing
Custom border radius controls
Customizable padding & background
Smooth easing animations
Modern premium visual style
Optimized for Framer projects
Clean and scalable component structure

Animation Effects

Cursor-triggered interaction
Hover-based image zoom
Ink bleed mask transition
Secondary background image reveal
Smooth opacity blending
Layered depth motion
Cinematic scaling animation
Premium micro interactions

Benefits

InkBleedGallery helps creators instantly upgrade the visual quality of their websites with engaging motion design and premium interactions. The component increases user attention, creates stronger visual storytelling, and adds a luxury modern feel that improves overall website presentation.

59:[["$","$L5c",null,{"post":{"id":"019eb833-1675-7f9d-8d4b-3c2d701e79fc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8d48da89-2f19-4513-ac6e-3162981e5fd7","name":"Zee","slug":"zee-za","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2397974/avatar-nwq2SkfNmomrB9DX3viFQHZ3eQMTKe.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"zJ2nbfT57tPxpyNTTdpx","resolved":true,"title":"InkBleedGallery","body":"$5d","bodyJson":null,"introduction":"Interactive ink-mask hover gallery","slug":"inkbleedgallery","author":{"framerUserId":"8d48da89-2f19-4513-ac6e-3162981e5fd7","name":"Zee","slug":"zee-za","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2397974/avatar-nwq2SkfNmomrB9DX3viFQHZ3eQMTKe.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/zJ2nbfT57tPxpyNTTdpx/inkbleedgallery-xsacbZuLedXhKXEXmNG5QOyaXGyL6p","metadata":{"tint":"hsl(190 40% 24%)","aspectRatio":1.3333333333333333}}],"post":null,"createdAt":"2026-05-27T19:46:33.976Z","updatedAt":"2026-06-11T19:31:32.762Z","publishedAt":"2026-06-11T19:40:16.373Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-managers-986914.framer.app/","price":"14","paymentUrl":"https://buy.polar.sh/polar_cl_p1A29hfPbEZuL4vsdy5YySybTKIMXADxms0xN1uFpFE","workshop":false,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"ZkBgOsy5YUBDfb6fWAUW"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-11T19:40:16.373Z","updatedAt":"2026-06-11T19:40:16.373Z","reported":false}}],"$L5e"]

Suggested for you