50:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 51:T440,

PhotoReveal turns your images into a cinematic opening sequence for a Framer site. Photos appear in order, the final image settles into your hero, and your page content can reveal when the intro finishes.

Add up to 12 images and adjust their order, focal point, frame, zoom, colors and duration from Framer's property panel. An optional animated counter adds anticipation. You can lock scrolling during playback and connect native Framer headline and navigation layers to the finish using matching Content ID and Navigation ID values. The intro can replay on refresh, stays still on the editing canvas, and respects reduced-motion settings.

PhotoReveal is a timed visual intro. Its animated counter does not track network or image-loading progress. The purchase includes the PhotoReveal code component; the full homepage layout shown in the preview is an example, not part of the component purchase. Replace the sample photos with images licensed for your project.

Ideal for visual portfolios, creative studios, editorial launches and image-led landing pages.

52:T748,

Gatefold is a page-entry loader. Your word types in, splits at the letter you choose, and opens a slot in the middle of the type. A sequence of images cuts through the gap, then the last one expands to fill the frame while the two halves of the word are pushed off screen — straight into your hero.

Everything is a property. Set the word, choose where it splits, drop in as many flash images as you like, pick the final image, and tune the speed and cut timing until it feels right. Font, size and colours are yours. On tablet and phone the type scales down automatically so the word never overflows.

It waits before it plays. The animation holds until your fonts have loaded and your images have decoded, so nothing pops or reflows mid-run — with a hard cap so a slow image can never leave a visitor staring at a blank screen. Images are laid out at full size and scaled down by transform, so each one rasterises once at final resolution instead of being re-rendered every frame. The heading gap is static rather than animated, which keeps the browser from re-laying out the type on every tick.

An On finish event fires when the sequence completes, so you can trigger your hero animation, start a scroll unlock, or chain into anything else on the page.

Includes

Any word, split at any letter
Up to 8 flash images plus a final image
Responsive image sources — phones download smaller files
Auto scale for tablet and phone widths
Speed and cut-interval controls
Full font, size and colour control
On finish event handler
Canvas preview mode — see the open state while you design, or play it live on canvas

Built with GSAP. Works on desktop, tablet and mobil

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-34a2742a-5a77-4f90-b27e-96a2ed2e57f2-all:/unified/creator/34a2742a-5a77-4f90-b27e-96a2ed2e57f2/activity/":[{"data":[{"id":"01a0db7d-f1e6-7212-baf4-5ab731a53409","type":"component.created","target":{"type":"component","id":"FfRXsaOlyih5exjvqKRA","preview":"PhotoReveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/34a2742a-5a77-4f90-b27e-96a2ed2e57f2/01a0db97-61e0-700a-97aa-4f8ea34748e8.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"34a2742a-5a77-4f90-b27e-96a2ed2e57f2","name":"Siddhant Lamichhane","avatar":null,"slug":"siddhant-lamichhane","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-26T02:14:19.366Z","latestAt":"2026-09-26T02:14:19.366Z"},{"id":"01a0c1f8-32bb-75fb-87d3-dd657ba9b401","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"34a2742a-5a77-4f90-b27e-96a2ed2e57f2","name":"Siddhant Lamichhane","avatar":null,"slug":"siddhant-lamichhane","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-21T03:17:43.734Z","latestAt":"2026-09-21T03:17:43.734Z"},{"id":"01a07413-1446-75bb-b1ab-71ca42b068ef","type":"component.created","target":{"type":"component","id":"0Ux9O0ELkxnItwjXKVgg","preview":"Gatefold","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/34a2742a-5a77-4f90-b27e-96a2ed2e57f2/01a073fa-174e-7647-b976-2ae0399342f2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"34a2742a-5a77-4f90-b27e-96a2ed2e57f2","name":"Siddhant Lamichhane","avatar":null,"slug":"siddhant-lamichhane","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-06T00:16:42.566Z","latestAt":"2026-09-06T00:16:42.566Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:34a2742a-5a77-4f90-b27e-96a2ed2e57f2:/unified/posts/?creator=34a2742a-5a77-4f90-b27e-96a2ed2e57f2&with=reposts":[{"data":[{"id":"01a0db7d-efd0-762a-ac4f-9ab1e71dbc0a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"34a2742a-5a77-4f90-b27e-96a2ed2e57f2","name":"Siddhant Lamichhane","slug":"siddhant-lamichhane","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"FfRXsaOlyih5exjvqKRA","resolved":true,"title":"PhotoReveal","body":"$51","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"PhotoReveal turns your images into a cinematic opening sequence for a Framer site. Photos appear in order, the final image settles into your hero, and your page content can reveal when the intro finishes."}]},{"type":"paragraph","content":[{"type":"text","text":"Add up to 12 images and adjust their order, focal point, frame, zoom, colors and duration from Framer's property panel. An optional animated counter adds anticipation. You can lock scrolling during playback and connect native Framer headline and navigation layers to the finish using matching Content ID and Navigation ID values. The intro can replay on refresh, stays still on the editing canvas, and respects reduced-motion settings."}]},{"type":"paragraph","content":[{"type":"text","text":"PhotoReveal is a timed visual intro. Its animated counter does not track network or image-loading progress. The purchase includes the PhotoReveal code component; the full homepage layout shown in the preview is an example, not part of the component purchase. Replace the sample photos with images licensed for your project."}]},{"type":"paragraph","content":[{"type":"text","text":"Ideal for visual portfolios, creative studios, editorial launches and image-led landing pages."}]}]},"introduction":"A cinematic photo intro for Framer","slug":"photoreveal","author":{"framerUserId":"34a2742a-5a77-4f90-b27e-96a2ed2e57f2","name":"Siddhant Lamichhane","slug":"siddhant-lamichhane","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/34a2742a-5a77-4f90-b27e-96a2ed2e57f2/01a0db97-61e0-700a-97aa-4f8ea34748e8.png","metadata":{"tint":{"h":180,"s":25,"l":13},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-26T02:14:18.296Z","updatedAt":"2026-09-26T02:42:11.889Z","publishedAt":"2026-09-26T02:14:18.293Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://moody-elements-808218.framer.app/","price":"15","paymentUrl":"https://contra.com/payment-link/dfdcTYuo-photo-reveal-cinematic-framer-photo-intro","workshop":false,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"RK9pcYbpRSO9dR8i1bdn","tags":[]}}],"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-09-26T02:14:18.832Z","updatedAt":"2026-09-26T02:14:18.832Z"},{"id":"01a07413-123b-71a8-a964-2b652e05f393","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"34a2742a-5a77-4f90-b27e-96a2ed2e57f2","name":"Siddhant Lamichhane","slug":"siddhant-lamichhane","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"0Ux9O0ELkxnItwjXKVgg","resolved":true,"title":"Gatefold","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Gatefold is a page-entry loader. Your word types in, splits at the letter you choose, and opens a slot in the middle of the type. A sequence of images cuts through the gap, then the last one expands to fill the frame while the two halves of the word are pushed off screen — straight into your hero."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is a property. Set the word, choose where it splits, drop in as many flash images as you like, pick the final image, and tune the speed and cut timing until it feels right. Font, size and colours are yours. On tablet and phone the type scales down automatically so the word never overflows."}]},{"type":"paragraph","content":[{"type":"text","text":"It waits before it plays. The animation holds until your fonts have loaded and your images have decoded, so nothing pops or reflows mid-run — with a hard cap so a slow image can never leave a visitor staring at a blank screen. Images are laid out at full size and scaled down by transform, so each one rasterises once at final resolution instead of being re-rendered every frame. The heading gap is static rather than animated, which keeps the browser from re-laying out the type on every tick."}]},{"type":"paragraph","content":[{"type":"text","text":"An "},{"type":"text","text":"On finish","marks":[{"type":"bold"}]},{"type":"text","text":" event fires when the sequence completes, so you can trigger your hero animation, start a scroll unlock, or chain into anything else on the page."}]},{"type":"paragraph","content":[{"type":"text","text":"Includes","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any word, split at any letter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 8 flash images plus a final image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive image sources — phones download smaller files"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto scale for tablet and phone widths"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Speed and cut-interval controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full font, size and colour control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"On finish event handler"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Canvas preview mode — see the open state while you design, or play it live on canvas"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built with GSAP. Works on desktop, tablet and mobil"}]}]},"introduction":"A word splits open, a picture flas","slug":"gatefold","author":{"framerUserId":"34a2742a-5a77-4f90-b27e-96a2ed2e57f2","name":"Siddhant Lamichhane","slug":"siddhant-lamichhane","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/34a2742a-5a77-4f90-b27e-96a2ed2e57f2/01a073fa-174e-7647-b976-2ae0399342f2.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":2430,"height":1562}}],"post":null,"createdAt":"2026-09-06T00:16:41.547Z","updatedAt":"2026-09-06T00:16:41.547Z","publishedAt":"2026-09-06T00:16:41.545Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Preloader-gPOgLe.js@WkyBvrBGcLOaNpCD6j64","previewUrl":"https://exhilarated-types-555458.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"WkyBvrBGcLOaNpCD6j64","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-06T00:16:42.043Z","updatedAt":"2026-09-06T00:16:42.043Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L53"}]