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

Give your website a more intentional first impression with a cinematic curtain-style page reveal.

Curtain Loader creates a smooth fullscreen transition that covers the page, introduces your content, and elegantly opens to reveal the experience underneath.

Designed for portfolios, agencies, studios, creative websites, and premium landing pages where the transition into the site matters as much as the site itself.

✦ Features

Cinematic fullscreen curtain reveal
Smooth entrance and exit animation
Minimal, editorial visual style
Customizable background color
Adjustable animation timing
Easy-to-use Framer property controls
Responsive across desktop, tablet, and mobile
Lightweight and performance-focused
No external dependencies
Works directly inside Framer
Designed for fullscreen page introductions
Easy to drop into existing Framer projects

✦ Perfect For

Creative portfolios
Design studios
Digital agencies
Architecture websites
Fashion & editorial sites
Photography portfolios
Product launches
Premium landing pages
Experimental / award-style websites

✦ How To Use

Add Curtain Loader to your Framer project.
Set it to cover the viewport.
Customize the appearance and timing from the property panel.
Preview the transition.
Publish your site.

No complicated setup required.

✦ Built For Framer

Curtain Loader is built specifically for Framer and designed to work naturally with Framer's responsive layout system and animation environment.

Create a more memorable transition without rebuilding the interaction from scratch.

Simple setup. Cinematic result.

59:[["$","$L5c",null,{"post":{"id":"01a03da9-da37-764b-9323-68ae8e127194","title":null,"body":"

A small one for the Framer community.

I just made Curtain Loader — a simple fullscreen curtain reveal for Framer.

No unnecessary effects. Just a clean, cinematic entrance for your next project.

Free to use.

Would love to see what you create with it.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A small one for the Framer community."}]},{"type":"paragraph","content":[{"type":"text","text":"I just made "},{"type":"text","text":"Curtain Loader","marks":[{"type":"bold"}]},{"type":"text","text":" — a simple fullscreen curtain reveal for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"No unnecessary effects. Just a clean, cinematic entrance for your next project."}]},{"type":"paragraph","content":[{"type":"text","text":"Free to use.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to see what you create with it."}]}]},"author":{"framerUserId":"5d7eca20-28f7-46cf-ac8e-34f17b5b110f","name":"Shreyansh Shrivastava","slug":"shreyansh-shrivastava-79x3db","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5d7eca20-28f7-46cf-ac8e-34f17b5b110f/4xddg3l6","followed":false,"followsYou":false},"media":[],"resources":[{"id":"6pBkceYjB7kzDa8aJj6N","resolved":true,"title":"Curtain Preloader","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Give your website a more intentional first impression with a cinematic curtain-style page reveal."}]},{"type":"paragraph","content":[{"type":"text","text":"Curtain Loader creates a smooth fullscreen transition that covers the page, introduces your content, and elegantly opens to reveal the experience underneath."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for portfolios, agencies, studios, creative websites, and premium landing pages where the transition into the site matters as much as the site itself."}]},{"type":"customHeading","content":[{"type":"text","text":"✦ Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic fullscreen curtain reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth entrance and exit animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Minimal, editorial visual style"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable background color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable animation timing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy-to-use Framer property controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight and performance-focused"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No external dependencies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works directly inside Framer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designed for fullscreen page introductions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to drop into existing Framer projects"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"✦ Perfect For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Digital agencies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Architecture websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fashion & editorial sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photography portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product launches"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Experimental / award-style websites"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"✦ How To Use"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add Curtain Loader to your Framer project."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set it to cover the viewport."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the appearance and timing from the property panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview the transition."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish your site."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"No complicated setup required."}]},{"type":"customHeading","content":[{"type":"text","text":"✦ Built For Framer"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Curtain Loader is built specifically for Framer and designed to work naturally with Framer's responsive layout system and animation environment."}]},{"type":"paragraph","content":[{"type":"text","text":"Create a more memorable transition without rebuilding the interaction from scratch."}]},{"type":"paragraph","content":[{"type":"text","text":"Simple setup. Cinematic result.","marks":[{"type":"bold"}]}]}]},"introduction":"Cinematic curtain reveal for Frame","slug":"curtain-preloader","author":{"framerUserId":"5d7eca20-28f7-46cf-ac8e-34f17b5b110f","name":"Shreyansh Shrivastava","slug":"shreyansh-shrivastava-79x3db","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5d7eca20-28f7-46cf-ac8e-34f17b5b110f/4xddg3l6","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5d7eca20-28f7-46cf-ac8e-34f17b5b110f/01a03da9-1deb-76b2-9b35-a0cd5663b7f9.png","metadata":{"tint":"hsl(0 0% 3%)","aspectRatio":1.5}}],"post":null,"createdAt":"2026-08-26T10:42:16.222Z","updatedAt":"2026-08-26T10:42:16.222Z","publishedAt":"2026-08-26T10:42:16.219Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Curtain-Loader-q4ah8I.js@6PDY9vYP1QDqfg8jv7QP","previewUrl":"https://curtainload.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"6PDY9vYP1QDqfg8jv7QP"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-26T10:42:16.759Z","updatedAt":"2026-08-26T10:42:16.759Z","reported":false}}],"$L5e"]

Suggested for you