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

About this Component

Smoke Menu Reveal is a 2-in-1 menu background effect for Framer.

It includes a customizable WebGL smoke reveal component and a MenuToggle code override, so you can connect the effect to your own menu button, icon, or frame while keeping your existing navigation design.

Perfect For

• Portfolio and studio menus • Fullscreen navigation • Creative agency websites • Cinematic menu transitions

Key Features

• 2-in-1 component + code override • WebGL smoke sprite-sheet reveal • Supports custom smoke sprite sheets • Adjustable sprite columns and rows • Custom background color and opacity • Separate open and close durations • Performance, Balanced, and Sharp quality modes • Smooth mid-animation reversal • Responsive to any component size • Static Canvas rendering • WebGL fallback handling • No global DOM manipulation

How It Works

Place the Smoke Menu Reveal behind your menu content, upload your smoke sprite sheet, then apply the included MenuToggle override to any Framer button, icon, or frame. Tapping the trigger plays the smoke reveal; tapping again reverses it smoothly.

Questions? Reach out at hasanwali6890@gmail.com

Refund Policy

All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe.

Refunds are not issued for buyer's remorse, aesthetic preference, incorrect setup, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.

5a:[["$","$L5d",null,{"post":{"id":"01a0c789-9455-708a-b815-3c6f023d6ea7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10767168-8381-4f2b-9206-2d6c344aae23","name":"Hasan Wali","slug":"hasan-wali","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98885/avatar-WMhG6M5ak8XBca7qBEj8qK9rJSB8o7.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"LJy4EH5UlPFX5DYa90vl","resolved":true,"title":"Menu Background v5","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About this Component"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Smoke Menu Reveal is a 2-in-1 menu background effect for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"It includes a customizable WebGL smoke reveal component and a MenuToggle code override, so you can connect the effect to your own menu button, icon, or frame while keeping your existing navigation design."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"• Portfolio and studio menus • Fullscreen navigation • Creative agency websites • Cinematic menu transitions"}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"• 2-in-1 component + code override • WebGL smoke sprite-sheet reveal • Supports custom smoke sprite sheets • Adjustable sprite columns and rows • Custom background color and opacity • Separate open and close durations • Performance, Balanced, and Sharp quality modes • Smooth mid-animation reversal • Responsive to any component size • Static Canvas rendering • WebGL fallback handling • No global DOM manipulation"}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Place the Smoke Menu Reveal behind your menu content, upload your smoke sprite sheet, then apply the included MenuToggle override to any Framer button, icon, or frame. Tapping the trigger plays the smoke reveal; tapping again reverses it smoothly."}]},{"type":"paragraph","content":[{"type":"text","text":"Questions? Reach out at "},{"type":"text","text":"hasanwali6890@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hasanwali6890@gmail.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe."}]},{"type":"paragraph","content":[{"type":"text","text":"Refunds are not issued for buyer's remorse, aesthetic preference, incorrect setup, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase."}]}]},"introduction":"WebGL smoke menu reveal + override","slug":"menu-background-v5","author":{"framerUserId":"10767168-8381-4f2b-9206-2d6c344aae23","name":"Hasan Wali","slug":"hasan-wali","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98885/avatar-WMhG6M5ak8XBca7qBEj8qK9rJSB8o7.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10767168-8381-4f2b-9206-2d6c344aae23/01a0c789-2e32-72c5-bc3b-6b01cd3c4111.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-22T05:14:36.909Z","updatedAt":"2026-09-22T08:26:46.887Z","publishedAt":"2026-09-22T05:14:36.907Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://practical-tenure-758849.framer.app","price":"10","paymentUrl":"https://contra.com/payment-link/Mjjdfr3E-menu-background-v5-web-gl-smoke-menu-reveal-override","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"aoyYQN4go3vljmd1eBJS","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-22T05:14:37.525Z","updatedAt":"2026-09-22T05:14:37.525Z","reported":false}}],"$L5f"]

Suggested for you