51: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"] 52:T59d,

A smooth, 3D rotating image carousel that arcs your photos into an elegant curved ribbon. Perfect for portfolios, galleries, and storytelling sections.

Features:

Layout controls — card width, height, gap, corner radius, and perspective all customizable.
Up to 12 images — each with independent front and back content
Double-sided cards — set a different image (or solid color) on the front and back of each card
Auto rotate — adjustable speed and direction (clockwise / counterclockwise), or turn it off for manual control
Full 3D rotation control — fine-tune X, Y, and Z axis rotation to angle the carousel exactly how you want
Responsive by default — automatically scales to fit its container, with an adjustable scale-reduction strength.

Component width must be set to fill for auto responsiveness to work.

Need Help?

Have a question or running into an issue? Drop a comment below or reach out via email at: luqmankm12@gmail.com

NOTE:

The images on the preview site are sourced from Cosmos. If you are the owner and would like it removed, please reach out.

53:T8aa,

Minimal Navbar is a clean, distraction-free navbar with a blur backdrop on open and smooth micro-animations that just feel right.

Features

Blur backdrop with smooth open and close behaviour.
Click Outside to Dismiss — Click outside the navbar to close it; no need to reach for the menu button.
Framer-native — no code components, no dependencies, and fully customizable to match your brand.
Clearly named layers so you can find your way around instantly if you choose to edit the component.
Responsive out of the box so it looks right on every device your visitors land on.

How to Use

The component you receive is the Backdrop + Navbar — the Navbar lives inside it, so you only need to drop in one component to get the full setup.

Setting up the Backdrop

Select the Backdrop component and set:

the Position Type to Fixed,
Anchored to 0 on Top, Right, and Left
Height to 100vh (Viewport)

This ensures that the blur and click effect covers the full screen when the menu opens.

Also remmber to set:

Pointer Events to None, so that the backdrop does not block pointer events behind it.

The Navbar

Already inside the Backdrop, no extra setup needed. It sits full width by default with a max width of 440px, and centered.

To edit the max width of the navbar or to use Nabar separately, unlink the component and customize accordingly.

Need Help?

Have a question or running into an issue? Drop a comment below or reach out via email at: luqmankm12@gmail.com

NOTE:

The bakcground image on the preview site is a photo sourced from Cosmos. If you are the owner and would like it removed, please reach out.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-d36feda7-ada1-43f1-b1cb-ab19e3efbf59-all:/unified/creator/d36feda7-ada1-43f1-b1cb-ab19e3efbf59/activity/":[{"data":[{"id":"019f784f-b8d6-742a-90fa-faed9444de88","type":"template.liked","target":{"type":"template","id":"61880","preview":"CourseKit","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/61880/coursekit-OlqIABz31IZDIXctrnJUd6uhjar84A","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d36feda7-ada1-43f1-b1cb-ab19e3efbf59","name":"Luqman","avatar":null,"slug":"luqman","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-19T02:58:38.418Z","latestAt":"2026-07-19T02:58:38.418Z"},{"id":"019f3fb5-0906-728f-8702-2b2cd0e2fca9","type":"creator.followed","target":{"type":"creator","id":"827a339e-2d46-41b2-9f77-3f05c29de5a9","preview":"Nandi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29583/avatar-UPfop9vtI2KgN6WreJoFN7Ytns0o9Q.jpg","slug":"nandi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d36feda7-ada1-43f1-b1cb-ab19e3efbf59","name":"Luqman","avatar":null,"slug":"luqman","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-08T03:10:56.757Z","latestAt":"2026-07-08T03:10:56.757Z"},{"id":"019f2177-ac94-7695-8030-c4a1552366b1","type":"template.liked","target":{"type":"template","id":"68300","preview":"Hanza","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/728b8b8e-33d1-4373-8c00-2672a09b31a3/gl8ryd1j","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d36feda7-ada1-43f1-b1cb-ab19e3efbf59","name":"Luqman","avatar":null,"slug":"luqman","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-02T06:15:18.915Z","latestAt":"2026-07-02T06:15:18.915Z"},{"id":"019f2106-42b8-769c-888e-4d6c59bae5de","type":"component.created","target":{"type":"component","id":"s58wg6OqF37Q5ijYfJnz","preview":"Image Carousel (3D)","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d36feda7-ada1-43f1-b1cb-ab19e3efbf59/rbch6shq","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d36feda7-ada1-43f1-b1cb-ab19e3efbf59","name":"Luqman","avatar":null,"slug":"luqman","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-02T04:11:26.264Z","latestAt":"2026-07-02T04:11:26.264Z"},{"id":"019f1c0c-52a0-737c-b5ff-ab63f9acc54c","type":"comment.reply","target":{"type":"post","id":"019eff25-1203-7468-afa5-fa86703be18e","preview":"Minimal Navbar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d36feda7-ada1-43f1-b1cb-ab19e3efbf59/q7xreeou","targetDeleted":false,"owned":true,"actions":{"postId":"019eff25-1203-7468-afa5-fa86703be18e","like":{"count":31,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f1c0c-5285-75dd-bf14-879278e0617e","preview":"Glad you found it useful","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Glad you found it useful"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019eff25-1203-7468-afa5-fa86703be18e","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f18ad-eab9-738e-a200-69f225a8f1e3"},"repost":null}},"actors":[{"id":"d36feda7-ada1-43f1-b1cb-ab19e3efbf59","name":"Luqman","avatar":null,"slug":"luqman","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-01T04:59:57.472Z","latestAt":"2026-07-01T04:59:57.472Z"},{"id":"019f1c0a-74e4-723c-a690-d369c412de05","type":"comment.liked","target":{"type":"comment","id":"019f18ad-eab9-738e-a200-69f225a8f1e3","preview":"Thank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019eff25-1203-7468-afa5-fa86703be18e","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f18ad-eab9-738e-a200-69f225a8f1e3"},"repost":null}},"context":{"type":"post","id":"019eff25-1203-7468-afa5-fa86703be18e","preview":"Minimal Navbar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d36feda7-ada1-43f1-b1cb-ab19e3efbf59/q7xreeou","targetDeleted":false,"owned":true,"actions":{"postId":"019eff25-1203-7468-afa5-fa86703be18e","like":{"count":31,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"d36feda7-ada1-43f1-b1cb-ab19e3efbf59","name":"Luqman","avatar":null,"slug":"luqman","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-01T04:57:55.166Z","latestAt":"2026-07-01T04:57:55.166Z"},{"id":"019f16f9-272d-7266-b5f8-3e8a620c6d35","type":"creator.followed","target":{"type":"creator","id":"525dadcc-2e98-4129-bafc-9779d7da898b","preview":"Flowit Supply","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/81831/avatar-G0HMsMCIgMsgUTiCuYRsC2y1C2Aswu.jpg","slug":"flowitsupply","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d36feda7-ada1-43f1-b1cb-ab19e3efbf59","name":"Luqman","avatar":null,"slug":"luqman","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-30T05:20:55.070Z","latestAt":"2026-06-30T05:20:55.070Z"},{"id":"019f0df0-6d25-734c-8029-fb1818f199e9","type":"post.liked","target":{"type":"post","id":"019f0dec-d243-765f-8e17-dc74aae55c80","preview":"Banger Template is almost ready.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Banger Template is almost ready."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b524594a-068a-4910-b55b-d3cb5501b358/275ij04m","targetDeleted":false,"owned":false,"actions":{"postId":"019f0dec-d243-765f-8e17-dc74aae55c80","like":{"count":17,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"d36feda7-ada1-43f1-b1cb-ab19e3efbf59","name":"Luqman","avatar":null,"slug":"luqman","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-28T11:14:48.226Z","latestAt":"2026-06-28T11:14:48.226Z"},{"id":"019eff25-1262-706e-bc13-7a5ace8c8e6d","type":"component.created","target":{"type":"component","id":"IOs7gBrihW9bGEk0ixji","preview":"Minimal Navbar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d36feda7-ada1-43f1-b1cb-ab19e3efbf59/q7xreeou","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d36feda7-ada1-43f1-b1cb-ab19e3efbf59","name":"Luqman","avatar":null,"slug":"luqman","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-25T14:18:00.162Z","latestAt":"2026-06-25T14:18:00.162Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:d36feda7-ada1-43f1-b1cb-ab19e3efbf59:/unified/posts/?creator=d36feda7-ada1-43f1-b1cb-ab19e3efbf59&with=reposts":[{"data":[{"id":"019f2106-422e-7445-813b-8009e6aac413","title":null,"body":"

New component: 3D Image Carousel

A smooth, 3D rotating image carousel that arcs your photos into an elegant curved ribbon. Perfect for portfolios, galleries, and storytelling sections.

- Layout controls

- Up to 12 images

- Double-sided cards

- Auto rotate

- Full 3D rotation control

- Responsive by default

Check it out on the marketplace 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New component: 3D Image Carousel","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A smooth, 3D rotating image carousel that arcs your photos into an elegant curved ribbon. Perfect for portfolios, galleries, and storytelling sections."}]},{"type":"paragraph","content":[{"type":"text","text":"- Layout controls"}]},{"type":"paragraph","content":[{"type":"text","text":"- Up to 12 images"}]},{"type":"paragraph","content":[{"type":"text","text":"- Double-sided cards"}]},{"type":"paragraph","content":[{"type":"text","text":"- Auto rotate"}]},{"type":"paragraph","content":[{"type":"text","text":"- Full 3D rotation control"}]},{"type":"paragraph","content":[{"type":"text","text":"- Responsive by default"}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out on the marketplace","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"d36feda7-ada1-43f1-b1cb-ab19e3efbf59","name":"Luqman","slug":"luqman","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"s58wg6OqF37Q5ijYfJnz","resolved":true,"title":"Image Carousel (3D)","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A smooth, 3D rotating image carousel that arcs your photos into an elegant curved ribbon. Perfect for portfolios, galleries, and storytelling sections."}]},{"type":"customHeading","content":[{"type":"text","text":"Features:"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout controls","marks":[{"type":"bold"}]},{"type":"text","text":" — card width, height, gap, corner radius, and perspective all customizable."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 12 images","marks":[{"type":"bold"}]},{"type":"text","text":" — each with independent front and back content"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Double-sided cards","marks":[{"type":"bold"}]},{"type":"text","text":" — set a different image (or solid color) on the front and back of each card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto rotate","marks":[{"type":"bold"}]},{"type":"text","text":" — adjustable speed and direction (clockwise / counterclockwise), or turn it off for manual control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full 3D rotation control","marks":[{"type":"bold"}]},{"type":"text","text":" — fine-tune X, Y, and Z axis rotation to angle the carousel exactly how you want"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive by default","marks":[{"type":"bold"}]},{"type":"text","text":" — automatically scales to fit its container, with an adjustable scale-reduction strength."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Component width","marks":[{"type":"bold"}]},{"type":"text","text":" must be set to "},{"type":"text","text":"fill","marks":[{"type":"bold"}]},{"type":"text","text":" for auto responsiveness to work."}]},{"type":"customHeading","content":[{"type":"text","text":"Need Help? "}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Have a question or running into an issue? Drop a comment below or reach out via email at: "},{"type":"text","text":"luqmankm12@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:luqmankm12@gmail.com","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"NOTE:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The images on the preview site are sourced from "},{"type":"text","text":"Cosmos","marks":[{"type":"bold"}]},{"type":"text","text":". If you are the owner and would like it removed, please reach out."}]}]},"introduction":"Auto rotate and fully customizable","slug":"image-carousel-3d","author":{"framerUserId":"d36feda7-ada1-43f1-b1cb-ab19e3efbf59","name":"Luqman","slug":"luqman","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d36feda7-ada1-43f1-b1cb-ab19e3efbf59/rbch6shq","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-02T04:11:26.057Z","updatedAt":"2026-07-02T15:24:16.754Z","publishedAt":"2026-07-02T04:11:26.054Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/RotatingImageCarousel-Vo6nT9.js@Gwe4IysZV0ISgpYY8yyV","previewUrl":"https://3dimagecarousel.framer.media/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"Gwe4IysZV0ISgpYY8yyV","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":19,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-02T04:11:26.126Z","updatedAt":"2026-07-02T04:11:26.126Z"},{"id":"019eff25-1203-7468-afa5-fa86703be18e","title":null,"body":"

Just updated the Minimal Navbar with a new feature - Click Outside to Dismiss, and other small imrpovements.

Go check it out

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just updated the "},{"type":"text","text":"Minimal Navbar ","marks":[{"type":"bold"}]},{"type":"text","text":"with a new feature - "},{"type":"text","text":"Click Outside to Dismiss, ","marks":[{"type":"bold"}]},{"type":"text","text":"and other small imrpovements."}]},{"type":"paragraph","content":[{"type":"text","text":"Go check it out"}]}]},"author":{"framerUserId":"d36feda7-ada1-43f1-b1cb-ab19e3efbf59","name":"Luqman","slug":"luqman","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"IOs7gBrihW9bGEk0ixji","resolved":true,"title":"Minimal Navbar","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Minimal Navbar is a clean, distraction-free navbar with a blur backdrop on open and smooth micro-animations that just feel right."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blur backdrop","marks":[{"type":"bold"}]},{"type":"text","text":" with smooth open and close behaviour."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click Outside to Dismiss ","marks":[{"type":"bold"}]},{"type":"text","text":"— Click outside the navbar to close it; no need to reach for the menu button."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer-native","marks":[{"type":"bold"}]},{"type":"text","text":" — no code components, no dependencies, and fully customizable to match your brand."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clearly named layers","marks":[{"type":"bold"}]},{"type":"text","text":" so you can find your way around instantly if you choose to edit the component."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive ","marks":[{"type":"bold"}]},{"type":"text","text":"out of the box so it looks right on every device your visitors land on."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The component you receive is the "},{"type":"text","text":"Backdrop + Navbar","marks":[{"type":"bold"}]},{"type":"text","text":" — the Navbar lives inside it, so you only need to drop in one component to get the full setup."}]},{"type":"customHeading","content":[{"type":"text","text":"Setting up the Backdrop","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Select the Backdrop component and set:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"the "},{"type":"text","text":"Position Type","marks":[{"type":"bold"}]},{"type":"text","text":" to Fixed,"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Anchored","marks":[{"type":"bold"}]},{"type":"text","text":" to 0 on Top, Right, and Left"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Height","marks":[{"type":"bold"}]},{"type":"text","text":" to 100vh (Viewport)"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"This ensures that the blur and click effect covers the full screen when the menu opens."}]},{"type":"paragraph","content":[{"type":"text","text":"Also remmber to set:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pointer Events","marks":[{"type":"bold"}]},{"type":"text","text":" to None, so that the backdrop does not block pointer events behind it."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"The Navbar","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Already inside the Backdrop, no extra setup needed. It sits full width by default with a max width of "},{"type":"text","text":"440px","marks":[{"type":"bold"}]},{"type":"text","text":", and centered."}]},{"type":"paragraph","content":[{"type":"text","text":"To edit the max width of the navbar or to "},{"type":"text","text":"use Nabar separately","marks":[{"type":"bold"}]},{"type":"text","text":", unlink the component and customize accordingly."}]},{"type":"customHeading","content":[{"type":"text","text":"Need Help?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Have a question or running into an issue? Drop a comment below or reach out via email at: "},{"type":"text","text":"luqmankm12@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:luqmankm12@gmail.com","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"NOTE:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The bakcground image on the preview site is a photo sourced from "},{"type":"text","text":"Cosmos","marks":[{"type":"bold"}]},{"type":"text","text":". If you are the owner and would like it removed, please reach out."}]}]},"introduction":"A clean navbar with blur backdrop.","slug":"minimal-navbar","author":{"framerUserId":"d36feda7-ada1-43f1-b1cb-ab19e3efbf59","name":"Luqman","slug":"luqman","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d36feda7-ada1-43f1-b1cb-ab19e3efbf59/q7xreeou","metadata":{"tint":{"h":0,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-25T14:18:00.014Z","updatedAt":"2026-07-07T05:44:16.870Z","publishedAt":"2026-06-25T14:17:59.997Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Backdrop-Nav-tvXse5.js@mnydJJkzUx2aSjtX3tQB","previewUrl":"https://minimalnavbar.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"mnydJJkzUx2aSjtX3tQB","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":31,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-07T05:48:32.987Z","createdAt":"2026-06-25T14:18:00.070Z","updatedAt":"2026-07-07T05:48:32.987Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]