5d:I[333483,["/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/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T62c,

A full screen menu that is your own canvas frame. Design the open menu on the canvas, any layout you like, with big links, pictures and buttons, connect it to Menu, and the button opens it over the page.

It behaves like a dialog. Focus moves into the menu and stays there while it is open, Escape closes it and hands focus back to the button, and the page behind can't be pressed and, unless you switch it off, can't be scrolled. A press on a link in the menu closes it too.

It marks the page you are on. The menu's link to the page being shown is underlined or coloured by itself, from Framer's own page links, and tells a screen reader it is the current page.

The iris reveal opens the menu out of the button itself; slide and fade are there too, and a visitor who asks for reduced motion gets none. Fill the window, or keep your frame at its own size at a side, over a backdrop, as a drawer.

Label, icon, button colours and font, the close button's label and side, a window width above which the button hides (in the page's own stylesheet, not by script) and the current link's mark are controls.

After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it.

Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev

5a:[["$","$L5d",null,{"post":{"id":"01a0ed3d-c007-776e-a4c6-7d44ac317ceb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a3b7013-68f9-4044-aeeb-2e017c0907e5","name":"Majed Monem","slug":"majed-monem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/rz7b98pc","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0HrmRRMckIu0jKwWvlkI","resolved":true,"title":"Curtain Call","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A full screen menu that is your own canvas frame. Design the open menu on the canvas, any layout you like, with big links, pictures and buttons, connect it to Menu, and the button opens it over the page."}]},{"type":"paragraph","content":[{"type":"text","text":"It behaves like a dialog. Focus moves into the menu and stays there while it is open, Escape closes it and hands focus back to the button, and the page behind can't be pressed and, unless you switch it off, can't be scrolled. A press on a link in the menu closes it too."}]},{"type":"paragraph","content":[{"type":"text","text":"It marks the page you are on. The menu's link to the page being shown is underlined or coloured by itself, from Framer's own page links, and tells a screen reader it is the current page."}]},{"type":"paragraph","content":[{"type":"text","text":"The iris reveal opens the menu out of the button itself; slide and fade are there too, and a visitor who asks for reduced motion gets none. Fill the window, or keep your frame at its own size at a side, over a backdrop, as a drawer."}]},{"type":"paragraph","content":[{"type":"text","text":"Label, icon, button colours and font, the close button's label and side, a window width above which the button hides (in the page's own stylesheet, not by script) and the current link's mark are controls."}]},{"type":"paragraph","content":[{"type":"text","text":"After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it."}]},{"type":"paragraph","content":[{"type":"text","text":"Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev"}]}]},"introduction":"Full screen menu, your own frame","slug":"curtain-call","author":{"framerUserId":"2a3b7013-68f9-4044-aeeb-2e017c0907e5","name":"Majed Monem","slug":"majed-monem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/rz7b98pc","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/01a0ed3d-961e-740f-9542-fc226fed9830.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-29T12:57:21.572Z","updatedAt":"2026-09-29T12:57:21.572Z","publishedAt":"2026-09-29T12:57:21.569Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://safe-book-192450.framer.app/curtain-call","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_irYISeY8timAaKybwOrXmGk91HabsMd4lT8Hj2SULQQ","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"vv0dMQhwyjNmTR8I8IMA","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-29T12:57:22.183Z","updatedAt":"2026-09-29T12:57:22.183Z","reported":false}}],"$L5f"]

Suggested for you