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:T6ad,

Editorial Image Reveal

A cinematic Framer loading and opening animation that transforms a simple site introduction into an immersive visual experience.

Editorial Image Reveal combines adaptive typography, layered imagery, and smooth transitions to create a striking opening sequence for modern websites. The title splits around a central image, letters rise individually, loading images crossfade in sequence, and the final image expands into a full-bleed scene with animated navigation.

Features

Adaptive Title Reveal — Automatically splits your title around the center image, with each letter rising independently.

Unlimited Loading Images — Add, remove, reorder, and customize as many loading images as you need.

Full-Bleed Expansion — The central image grows from a narrow reveal into a responsive full-frame visual.

Editorial Typography — Customize titles, fonts, scale, width, spacing, and positioning.

Animated Navigation — Brand, navigation links, and CTA reveal seamlessly as part of the opening sequence.

Fully Responsive — Designed to adapt across desktop, tablet, and mobile layouts.

Framer-Friendly — Edit images, text, links, colors, typography, spacing, and animation directly from the properties panel.

Animation Controls — Adjust animation speed and optionally lock scrolling while the introduction plays.

Perfect For

Creative Studios & Agencies

Architecture & Interior Design

Photography & Filmmaking

Fashion & Editorial

Artists & Musicians

Premium Product Launches

Exhibitions & Campaigns

Personal & Creative Portfolios

5a:[["$","$L5d",null,{"post":{"id":"01a090ba-77a8-733b-a23f-f7506aee91ba","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c858a11e-157c-4791-a7fe-5b5e58ea5124","name":"Zainab Noor","slug":"zainabdesigner","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c858a11e-157c-4791-a7fe-5b5e58ea5124/bdpj53we","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ViNRTmUjvMRvgBONrh0q","resolved":true,"title":"Split Reveal loader","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial Image Reveal"}]},{"type":"paragraph","content":[{"type":"text","text":"A cinematic Framer loading and opening animation that transforms a simple site introduction into an immersive visual experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial Image Reveal combines adaptive typography, layered imagery, and smooth transitions to create a striking opening sequence for modern websites. The title splits around a central image, letters rise individually, loading images crossfade in sequence, and the final image expands into a full-bleed scene with animated navigation."}]},{"type":"paragraph","content":[{"type":"text","text":"Features"}]},{"type":"paragraph","content":[{"type":"text","text":"Adaptive Title Reveal — Automatically splits your title around the center image, with each letter rising independently."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlimited Loading Images — Add, remove, reorder, and customize as many loading images as you need."}]},{"type":"paragraph","content":[{"type":"text","text":"Full-Bleed Expansion — The central image grows from a narrow reveal into a responsive full-frame visual."}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial Typography — Customize titles, fonts, scale, width, spacing, and positioning."}]},{"type":"paragraph","content":[{"type":"text","text":"Animated Navigation — Brand, navigation links, and CTA reveal seamlessly as part of the opening sequence."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive — Designed to adapt across desktop, tablet, and mobile layouts."}]},{"type":"paragraph","content":[{"type":"text","text":"Framer-Friendly — Edit images, text, links, colors, typography, spacing, and animation directly from the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Animation Controls — Adjust animation speed and optionally lock scrolling while the introduction plays."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect For"}]},{"type":"paragraph","content":[{"type":"text","text":"Creative Studios & Agencies"}]},{"type":"paragraph","content":[{"type":"text","text":"Architecture & Interior Design"}]},{"type":"paragraph","content":[{"type":"text","text":"Photography & Filmmaking"}]},{"type":"paragraph","content":[{"type":"text","text":"Fashion & Editorial"}]},{"type":"paragraph","content":[{"type":"text","text":"Artists & Musicians"}]},{"type":"paragraph","content":[{"type":"text","text":"Premium Product Launches"}]},{"type":"paragraph","content":[{"type":"text","text":"Exhibitions & Campaigns"}]},{"type":"paragraph","content":[{"type":"text","text":"Personal & Creative Portfolios"}]}]},"introduction":"cinematic split-type loading","slug":"split-reveal-loader","author":{"framerUserId":"c858a11e-157c-4791-a7fe-5b5e58ea5124","name":"Zainab Noor","slug":"zainabdesigner","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c858a11e-157c-4791-a7fe-5b5e58ea5124/bdpj53we","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c858a11e-157c-4791-a7fe-5b5e58ea5124/01a090b9-feee-72a4-a058-dcee50461d8a.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-11T13:48:53.960Z","updatedAt":"2026-09-12T14:30:17.630Z","publishedAt":"2026-09-11T13:48:53.955Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dandy-haggis-874467.framer.app/","price":"5","paymentUrl":"https://zainabframer.gumroad.com/l/bsnzoy?wanted=true","workshop":false,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"fw0TelqNin0GkhQ7rKjy","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-11T13:48:54.569Z","updatedAt":"2026-09-11T13:48:54.569Z","reported":false}}],"$L5f"]

Suggested for you