61:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 62:T87c,

MenuSlideNVS: Hover-Activated Navigation Component

Enhance your Framer website with MenuSlideNVS, a clean, intuitive, and highly adaptable navigation menu. Designed for simplicity, this component features a smooth slide-out animation triggered by a simple hover, offering a seamless user experience without cluttering your page layout.

Key Features

Smooth Hover Interaction: The menu elegantly expands on hover to reveal your navigation links and seamlessly retracts when not in use.
Up to 7 Menu Links: Add, name, and link up to seven distinct menu items. You have full control over the visibility of each item, allowing you to easily toggle links on or off as your site evolves.
Integrated Logo Support: Upload your custom logo and easily link it to your homepage for a cohesive branding experience.

Complete Customization

Tailor every aspect of MenuSlideNVS directly from the Framer properties panel to match your unique design system:

Typography & Styling: Customize the text for each menu item and change the font style to align with your brand's typography.
Color Control: Easily adjust the menu background color and the logo background color.
Adjustable Geometry: Tweak the background radius and logo background radius to create anything from sharp, modern rectangles to soft, pill-shaped buttons.
Animation Settings: Fine-tune the transition timing and easing (such as Spring animations) to perfectly match your website's specific motion speed and style.

Component States

Closed State: Displays a minimal, compact layout featuring your logo container alongside a simple "Menu" prompt.
Open State: Effortlessly slides out horizontally on hover, expanding to display your active text links (e.g., home, work, blog, process) in a clean, readable row next to your logo.

63:Tcf7,

Falling Characters

Physics-based falling animation component · Napier Visuals

Drop up to 24 images or SVGs into a gravity-driven scene with full collision physics. Characters fall, bounce, and stack — draggable by mouse or touch. Upload your own logo to use as a custom collision surface. Built for Framer.

Connecting your characters

Add your characters using one of two methods:

Character array — click the array in the panel and upload images or SVGs directly. Each character can have its own individual size.
Canvas SVGs — pick-whip frame layers directly from your Framer canvas. Useful if you've already built your elements as frames or components.

Each character inherits the Default Size value unless you set a size per item. Up to 24 characters are supported.

Playing with the physics settings

Dial in the feel using the controls in the properties panel:

Default Size — the base size of each character in pixels
Gravity — how fast characters fall. Lower values feel floaty, higher values feel heavy
Bounciness — how much energy is kept on impact. 0 = dead stop, 1 = full bounce
Friction — how much characters slide when they land or touch each other
Stagger — staggers each character's spawn position so they don't all drop at exactly the same time
Ceiling — adds a solid roof so characters stay inside the component
Draggable — allows characters to be grabbed and thrown. Turn off if the component sits inside a scrollable page on mobile

Adding your own logo or collision element

The component includes a built-in collision shape at the bottom that characters stack on. You can replace this with your own:

Click Custom Logo and upload any image or SVG
The physics collision grid automatically adapts to the shape of your uploaded image — characters will react to its actual outline, not just its bounding box
Use Logo Width % to scale it. It anchors to the bottom-right corner
Logo Colour controls the tint when using the default built-in logo (hidden when a custom image is uploaded)
Logo Collision toggles whether characters physically interact with the logo shape
Turn on Debug Grid to see the collision tiles overlaid on the logo — useful for adjusting Grid Size. Turn it off before publishing.

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-4fe8d9dc-7883-4909-9ee7-f72329da4283-all:/unified/creator/4fe8d9dc-7883-4909-9ee7-f72329da4283/activity/":[{"data":[{"id":"01a05755-c225-73ce-b8a1-89274a6f97e9","type":"creator.followed","target":{"type":"creator","id":"f478b0de-3860-430f-9abb-62a43584a990","preview":"Farhad Ahmed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f478b0de-3860-430f-9abb-62a43584a990/l3x6bbd8","slug":"maybefarhad","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-31T10:20:33.185Z","latestAt":"2026-08-31T10:20:33.185Z"},{"id":"01a047db-189f-77dc-b733-e2a388a556c1","type":"creator.followed","target":{"type":"creator","id":"d4dce4ef-b051-4b63-99b4-56b3f6a517a5","preview":"Nexwoa","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d4dce4ef-b051-4b63-99b4-56b3f6a517a5/gwkohty6","slug":"nexwoa","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-28T10:12:16.155Z","latestAt":"2026-08-28T10:12:16.155Z"},{"id":"01a01fda-f18b-773c-af63-c5b7a4745891","type":"creator.followed","target":{"type":"creator","id":"4eec938a-13a4-4194-a908-6a5180599ca1","preview":"Mosharof","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4eec938a-13a4-4194-a908-6a5180599ca1/m0hnl8ok","slug":"mosharof","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T15:47:17.502Z","latestAt":"2026-08-20T15:47:17.502Z"},{"id":"01a014f3-a21f-7708-b3e3-0e09d99f0020","type":"creator.followed","target":{"type":"creator","id":"e0222182-3d74-4d56-b2d9-eba289a28fa5","preview":"Andres","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e0222182-3d74-4d56-b2d9-eba289a28fa5/ubt5ticx","slug":"andres-jimmy","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-18T12:58:26.196Z","latestAt":"2026-08-18T12:58:26.196Z"},{"id":"01a00ef3-6056-77ad-9783-8e544a7df0ac","type":"creator.followed","target":{"type":"creator","id":"bd056727-646e-4926-8cd9-8101d180670f","preview":"WORKSHOP99","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1359715/54g3r-1h1-3kuiEvOfgNtg4oiAQUDlCkmgVsbwMT","slug":"workshop99","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T09:00:26.059Z","latestAt":"2026-08-17T09:00:26.059Z"},{"id":"01a00ef3-5c13-77b9-87e3-62aec9a1bd74","type":"creator.followed","target":{"type":"creator","id":"c60cb706-29bc-4c44-8197-dd55e7601a9d","preview":"TAY DESIGNER","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/353103/BRQgtkOj3-nbQy3TOlzghwjkfdMmGMpxhGQ2AxoB","slug":"tay-designer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T09:00:24.975Z","latestAt":"2026-08-17T09:00:24.975Z"},{"id":"01a00ef3-59c2-7329-809d-0a3c8e9abbd7","type":"creator.followed","target":{"type":"creator","id":"ad7eb8bc-97b4-40af-bdef-487e260701a7","preview":"Eugene Stratila","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ad7eb8bc-97b4-40af-bdef-487e260701a7/ka155w6y","slug":"stratila","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T09:00:24.381Z","latestAt":"2026-08-17T09:00:24.381Z"},{"id":"01a00ef3-5204-76c8-a6d5-d5be1ef2623f","type":"creator.followed","target":{"type":"creator","id":"58d52e68-d1f8-4d4d-b7fc-e4528405cdec","preview":"Teslim Designs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/162192/avatar-CirNaQNG6n0q2FgHiLlzHw5pXa1KNU.jpg","slug":"teslim-ajani","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T09:00:22.396Z","latestAt":"2026-08-17T09:00:22.396Z"},{"id":"019ff13f-6fc8-716d-a175-c2521548cd19","type":"component.created","target":{"type":"component","id":"6dKBAv4SNUaGPb0janNU","preview":"Premium Hero Slider","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4fe8d9dc-7883-4909-9ee7-f72329da4283/019ff13e-7636-7413-91b5-8cf9860018d5.webp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-11T14:34:54.280Z","latestAt":"2026-08-11T14:34:54.280Z"},{"id":"019ff123-eee0-76ba-aee9-86e7869e63c7","type":"creator.followed","target":{"type":"creator","id":"59b1a783-b1b1-4d0c-8788-c0b9532ff9ec","preview":"Aamir Saifi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/590514/avatar-6pbIPrGtZyXVQBqqHedMVOHYMagb8i.jpg","slug":"aamir-saifi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T14:04:51.799Z","latestAt":"2026-08-11T14:04:51.799Z"},{"id":"019ff123-ed15-74ed-ae96-976f96ef3ee3","type":"creator.followed","target":{"type":"creator","id":"1c73030f-6a79-4752-a6ec-67dfa05f208e","preview":"Firdavs Abdunazarov","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28929/WjU0W3YvXRmgV3qHA9QEQ4xo9Q-8G1pZS17smO35TQqsWcECab5IdG5EJ.png","slug":"firdavs-abdunazarov","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T14:04:51.337Z","latestAt":"2026-08-11T14:04:51.337Z"},{"id":"019ff123-eb66-71cb-bdc3-5e5ed1fd5102","type":"creator.followed","target":{"type":"creator","id":"70e58c49-c5db-4f36-9f53-128d48666bc5","preview":"PNG Design","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/65861/NlJWW0_w6-xw7QOZodu8vBeGU3nxkLd60g0M5HOR","slug":"pngdesign","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T14:04:50.901Z","latestAt":"2026-08-11T14:04:50.901Z"},{"id":"019ff123-e836-759d-825f-1e495ab1ae01","type":"creator.followed","target":{"type":"creator","id":"636fc82b-dd8a-493b-aa23-616a5075e62e","preview":"Jacob Schneider Design","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/45787/avatar-djgQQ5dFykbBOcP5rpPWbwjfkz4pIN.jpg","slug":"jacobcschneider","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T14:04:50.091Z","latestAt":"2026-08-11T14:04:50.091Z"},{"id":"019ff123-e5d7-75c8-b729-a858bab7ae77","type":"creator.followed","target":{"type":"creator","id":"7cb126a5-fd1f-4f28-9f7d-01ed2a8be1d2","preview":"Miru ✦","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7cb126a5-fd1f-4f28-9f7d-01ed2a8be1d2/8txk4y2i","slug":"miru-huang","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T14:04:49.492Z","latestAt":"2026-08-11T14:04:49.492Z"},{"id":"019fecc2-ed1d-711b-8cec-0afb2a09107e","type":"creator.followed","target":{"type":"creator","id":"2b33eac4-4422-4c15-ba75-80a068fa9086","preview":"Denis Turbin","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2b33eac4-4422-4c15-ba75-80a068fa9086/gogz3777","slug":"denis-turbin","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T17:40:25.489Z","latestAt":"2026-08-10T17:40:25.489Z"},{"id":"019fecc2-e862-7480-9dbe-012a0a2eb4db","type":"creator.followed","target":{"type":"creator","id":"61512c24-4117-4e1c-b404-c84be09a481a","preview":"iSaaS","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/61512c24-4117-4e1c-b404-c84be09a481a/whinh9hf","slug":"isaas","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T17:40:24.286Z","latestAt":"2026-08-10T17:40:24.286Z"},{"id":"019fecc2-dc1b-772f-91e8-1539db54f36b","type":"creator.followed","target":{"type":"creator","id":"f1997a7f-e9e5-45b2-af7b-4eed3d61dc9b","preview":"MotionDevLab","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/f1997a7f-e9e5-45b2-af7b-4eed3d61dc9b/1u-rcf5T1","slug":"motion-dev-lab","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T17:40:21.142Z","latestAt":"2026-08-10T17:40:21.142Z"},{"id":"019fecc2-d5e6-76e9-a5fc-a496e57bfaca","type":"creator.followed","target":{"type":"creator","id":"3686a0b8-f5d2-47a7-9636-4f5b60f54e15","preview":"RevuKit Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3686a0b8-f5d2-47a7-9636-4f5b60f54e15/lh40jmj3","slug":"revukit-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T17:40:19.551Z","latestAt":"2026-08-10T17:40:19.551Z"},{"id":"019fa2f3-d23b-7168-bde8-2df4352ca940","type":"creator.followed","target":{"type":"creator","id":"6c6ed2b7-b4d1-4134-b599-79a27e2b1daa","preview":"Anas Ali","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6c6ed2b7-b4d1-4134-b599-79a27e2b1daa/t1sg6tum","slug":"anas-ali-a22ab2","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-27T09:41:55.894Z","latestAt":"2026-07-27T09:41:55.894Z"},{"id":"019fa2f3-cc7d-743a-84d8-13e58adc4ee4","type":"creator.followed","target":{"type":"creator","id":"e8dc712e-ceae-4551-b299-8c32971ca00d","preview":"Henay Lakhwani","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e8dc712e-ceae-4551-b299-8c32971ca00d/n7cfr6a2","slug":"henay-lakhwani","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","slug":"byron-napier","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-27T09:41:54.425Z","latestAt":"2026-07-27T09:41:54.425Z"}],"pagination":{"next":"MjAyNi0wNy0yN1QwOTo0MTo1NC40MjVafDAxOWZhMmYzLWNjN2QtNzQzYS04NGQ4LTEzZTU4YWRjNGVlNA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:4fe8d9dc-7883-4909-9ee7-f72329da4283:/unified/posts/?creator=4fe8d9dc-7883-4909-9ee7-f72329da4283&with=reposts":[{"data":[{"id":"019ff13f-6dd7-7642-bc5a-e7b1bd6b781b","title":null,"body":"

A three-slide hero section for Framer. Smooth image transitions, GSAP-style text reveals, matching button hover animation, circular progress stroke, and active pagination dots. Fully keyboard accessible. Includes a live date and time display. Built for showcasing services, products, or your brand story.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A three-slide hero section for Framer. Smooth image transitions, GSAP-style text reveals, matching button hover animation, circular progress stroke, and active pagination dots. Fully keyboard accessible. Includes a live date and time display. Built for showcasing services, products, or your brand story."}]}]},"author":{"framerUserId":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","slug":"byron-napier","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"6dKBAv4SNUaGPb0janNU","resolved":true,"title":"Premium Hero Slider","body":"

ELEGANT HERO SECTION

To add a premium feel to your website. Also, feel free to use the transition throughout your project as it is natively built in Framer.

A three-slide hero section for Framer. Background images transition left to right with smooth easing, while text swaps using a GSAP-style reveal: a solid overlay sweeps across the text container and pulls back to uncover the next line. The button hover follows the same animation language for consistency. Left and right arrow indicators let users navigate manually, with a circular progress stroke that fills to show time remaining on the current slide. Pagination dots update to reflect the active slide. Fully keyboard accessible using left and right arrow keys. Includes a live date and time display. A solid option for showcasing services, products, or your brand story.

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"ELEGANT HERO SECTION"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"To add a premium feel to your website. Also, feel free to use the transition throughout your project as it is natively built in Framer."}],"attrs":{"level":2}},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"A three-slide hero section for Framer. Background images transition left to right with smooth easing, while text swaps using a GSAP-style reveal: a solid overlay sweeps across the text container and pulls back to uncover the next line. The button hover follows the same animation language for consistency. Left and right arrow indicators let users navigate manually, with a circular progress stroke that fills to show time remaining on the current slide. Pagination dots update to reflect the active slide. Fully keyboard accessible using left and right arrow keys. Includes a live date and time display. A solid option for showcasing services, products, or your brand story."}]}]},"introduction":"Elegant to the eye and responsive","slug":"premium-hero-slider","author":{"framerUserId":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","slug":"byron-napier","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4fe8d9dc-7883-4909-9ee7-f72329da4283/019ff13e-7636-7413-91b5-8cf9860018d5.webp","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2122,"height":1612}}],"post":null,"createdAt":"2026-08-11T14:34:53.232Z","updatedAt":"2026-08-11T17:44:39.145Z","publishedAt":"2026-08-11T14:34:53.229Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://premiumheroslider.framer.website/","price":"5","paymentUrl":"https://buy.stripe.com/5kQeVf2S44G2emUcdJ6Vq01","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"upkNjTrJxDD7fI0VbsM9","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-11T17:44:40.529Z","createdAt":"2026-08-11T14:34:53.783Z","updatedAt":"2026-08-11T17:44:40.529Z"},{"id":"019f04ee-ffc5-737e-a3f8-9e876e13e2a8","title":null,"body":"

Rotating Gallery — a scroll-driven component built with spring physics. Six images arranged in a semicircle, rotating 180° on scroll with soft overshoot and trailing motion. Captions fade in at the apex and blur out as they rotate away. Fully customisable through the properties panel — images, fonts, colours, corner radius. Responsive down to mobile. Drop it in and it works.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Rotating Gallery — a scroll-driven component built with spring physics. Six images arranged in a semicircle, rotating 180° on scroll with soft overshoot and trailing motion. Captions fade in at the apex and blur out as they rotate away. Fully customisable through the properties panel — images, fonts, colours, corner radius. Responsive down to mobile. Drop it in and it works."}]}]},"author":{"framerUserId":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","slug":"byron-napier","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"eYBLKj517eKKTFrYh43T","resolved":true,"title":"Gallery ScrollRotate","body":"

A circular arrangement of images that rotates 180 degrees as you scroll, driven by spring-based physics rather than a fixed timeline. Each image sits on a ray extending from a central point, spaced evenly around the full circle. Only the top semicircle is visible — the lower half is masked with a gradient that dissolves images as they rotate out of view. As new images emerge from the opposite side, they fade into frame with the same softness. The motion itself isn't linear. It uses a low-stiffness spring with light damping, so the rotation trails behind your scroll and overshoots slightly when you stop — a subtle bounce that makes the interaction feel physical rather than mechanical. Captions fade in and blur out based on proximity to the top of the arc, only becoming sharp and legible when their image reaches the centre. Six unique images are duplicated to twelve, so after a full half-turn the first image lands back on top, creating a seamless loop within a single scroll.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A circular arrangement of images that rotates 180 degrees as you scroll, driven by spring-based physics rather than a fixed timeline. Each image sits on a ray extending from a central point, spaced evenly around the full circle. Only the top semicircle is visible — the lower half is masked with a gradient that dissolves images as they rotate out of view. As new images emerge from the opposite side, they fade into frame with the same softness. The motion itself isn't linear. It uses a low-stiffness spring with light damping, so the rotation trails behind your scroll and overshoots slightly when you stop — a subtle bounce that makes the interaction feel physical rather than mechanical. Captions fade in and blur out based on proximity to the top of the arc, only becoming sharp and legible when their image reaches the centre. Six unique images are duplicated to twelve, so after a full half-turn the first image lands back on top, creating a seamless loop within a single scroll."}]}]},"introduction":"rotatin with spring easing gallery","slug":"gallery-scrollrotate","author":{"framerUserId":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","slug":"byron-napier","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4fe8d9dc-7883-4909-9ee7-f72329da4283/65b8qnpk","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-26T17:16:39.709Z","updatedAt":"2026-07-27T10:53:43.393Z","publishedAt":"2026-06-26T17:16:39.706Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/RotatingGallery-dV2SPT.js@rF9qSlgo8u4pDnm06jPj","previewUrl":"https://rotatinggallerybynvs.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"rF9qSlgo8u4pDnm06jPj","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-26T17:16:39.749Z","updatedAt":"2026-06-26T17:16:39.749Z"},{"id":"019eeecb-1b90-73a4-920b-19ccd3bbf29b","title":null,"body":"

Just published MenuSlideNVS to the marketplace. It is a minimal, hover-activated navigation component designed to keep your layouts clean.

The menu sits as a compact button with your logo. On hover, it smoothly slides out horizontally to reveal your navigation links.

Features:

Up to 7 Links: Add, name, and route links, and easily toggle the visibility of each.

Fully Customizable: Adjust typography, colors, border radii, and animation easing directly in the properties panel.

Integrated Logo: Upload your own logo and link it to your homepage.

It is built to drop right into any project. I would love to hear your feedback.

IT IS NOW FREE!!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just published "},{"type":"text","text":"MenuSlideNVS","marks":[{"type":"bold"}]},{"type":"text","text":" to the marketplace. It is a minimal, hover-activated navigation component designed to keep your layouts clean."}]},{"type":"paragraph","content":[{"type":"text","text":"The menu sits as a compact button with your logo. On hover, it smoothly slides out horizontally to reveal your navigation links."}]},{"type":"paragraph","content":[{"type":"text","text":"Features:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Up to 7 Links:","marks":[{"type":"bold"}]},{"type":"text","text":" Add, name, and route links, and easily toggle the visibility of each."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust typography, colors, border radii, and animation easing directly in the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Integrated Logo:","marks":[{"type":"bold"}]},{"type":"text","text":" Upload your own logo and link it to your homepage."}]},{"type":"paragraph","content":[{"type":"text","text":"It is built to drop right into any project. I would love to hear your feedback."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"IT IS NOW FREE!!"}]}]},"author":{"framerUserId":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","slug":"byron-napier","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"eMWZeozx80rt5Bv5Zt0R","resolved":true,"title":"Simple Hover Menu","body":"$62","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"MenuSlideNVS: Hover-Activated Navigation Component"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Enhance your Framer website with "},{"type":"text","text":"MenuSlideNVS","marks":[{"type":"bold"}]},{"type":"text","text":", a clean, intuitive, and highly adaptable navigation menu. Designed for simplicity, this component features a smooth slide-out animation triggered by a simple hover, offering a seamless user experience without cluttering your page layout."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Hover Interaction:","marks":[{"type":"bold"}]},{"type":"text","text":" The menu elegantly expands on hover to reveal your navigation links and seamlessly retracts when not in use."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 7 Menu Links:","marks":[{"type":"bold"}]},{"type":"text","text":" Add, name, and link up to seven distinct menu items. You have full control over the visibility of each item, allowing you to easily toggle links on or off as your site evolves."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Integrated Logo Support:","marks":[{"type":"bold"}]},{"type":"text","text":" Upload your custom logo and easily link it to your homepage for a cohesive branding experience."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Complete Customization"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Tailor every aspect of MenuSlideNVS directly from the Framer properties panel to match your unique design system:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography & Styling:","marks":[{"type":"bold"}]},{"type":"text","text":" Customize the text for each menu item and change the font style to align with your brand's typography."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily adjust the menu background color and the logo background color."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable Geometry:","marks":[{"type":"bold"}]},{"type":"text","text":" Tweak the background radius and logo background radius to create anything from sharp, modern rectangles to soft, pill-shaped buttons."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation Settings:","marks":[{"type":"bold"}]},{"type":"text","text":" Fine-tune the transition timing and easing (such as Spring animations) to perfectly match your website's specific motion speed and style."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Component States"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Closed State:","marks":[{"type":"bold"}]},{"type":"text","text":" Displays a minimal, compact layout featuring your logo container alongside a simple \"Menu\" prompt."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open State:","marks":[{"type":"bold"}]},{"type":"text","text":" Effortlessly slides out horizontally on hover, expanding to display your active text links (e.g., home, work, blog, process) in a clean, readable row next to your logo."}]}]}]}]},"introduction":"clean fast menu fully customisable","slug":"simple-hover-menu","author":{"framerUserId":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","slug":"byron-napier","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4fe8d9dc-7883-4909-9ee7-f72329da4283/7ui8kadl","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-22T10:05:48.779Z","updatedAt":"2026-08-10T17:41:30.846Z","publishedAt":"2026-06-22T10:05:48.775Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/menuComponentByNVS-2-Qogqmn.js@58OurnwuXQu4yDXa7Et7","previewUrl":"https://nvsmenuslide.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"58OurnwuXQu4yDXa7Et7","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-10T17:41:31.653Z","createdAt":"2026-06-22T10:05:48.816Z","updatedAt":"2026-08-10T17:41:31.653Z"},{"id":"019e9266-05fe-7117-9d52-d1e3078efece","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","slug":"byron-napier","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"yFzUWUrW8pyIYzEgL614","resolved":true,"title":"Falling Characters","body":"$63","bodyJson":null,"introduction":"Physics-based falling animation","slug":"falling-characters","author":{"framerUserId":"4fe8d9dc-7883-4909-9ee7-f72329da4283","name":"Napier Visuals","slug":"byron-napier","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1099345/avatar-4Bgfu2YDtqCK6uUs9EB3UJj8bWNgs2.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/yFzUWUrW8pyIYzEgL614/falling-characters-JV90iwXNGjHsG6ywALKX5IWRlHlYb9","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-30T10:50:13.955Z","updatedAt":"2026-06-04T17:27:12.322Z","publishedAt":"2026-06-04T11:30:20.286Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://convex-pages-993797.framer.app/","price":"10","paymentUrl":"https://contra.com/payment-link/AwSzFUZh-falling-characters-component","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"Zzs58CHPW6pQn4TG4vap","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-04T11:30:20.286Z","updatedAt":"2026-06-04T11:30:20.286Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L64"}]