50: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"] 51:T8d8,

About this Component

Step into an infinite exhibition! Drop your images into the frames. Scroll to walk endlessly through the hallway, hover to watch the canvas sway gently, and click to step closer to an artwork. Bring the immersive experience of a fine art museum directly to your portfolio or brand lookbook.

Component Properties

CMS List: Artworks hang in your CMS order and stay in sync automatically.
Images: Choose the Images property for a quick manual setup. Add as many images as you want; they will alternate along both walls in an infinite loop.

Interactions

Scroll: Walk the hallway. Smooth inertia applies to both the mouse wheel and touch controls, creating an endless path in either direction.
Hover: The targeted canvas tilts and sways slightly, with dynamic lighting reacting naturally to the movement.
Click: The camera glides smoothly toward the artwork for a closer look. Click again or scroll to return to your walking path.

Use Cases

Portfolio Showcases: Replace standard image grids with a walkable exhibition. The dramatic lighting on each piece adds striking visual weight to your work.
Fullscreen Heroes & Landings: Drop this component into a full-bleed 100vh section to transform your entire page into a museum.

Important Note

Please note that animations only work in Preview mode. The component may appear paused or as an empty screen on the Framer editing canvas.

How to Install

To install the component, please copy and paste the component URL directly onto your Framer canvas.

How to Connect Your CMS

Insert a 'Collection List' anywhere on your page. Select CMS in the properties, choose the corresponding collection list, and drag the connector to the 'Collection List'. Done! The hallway now mirrors your CMS content.

52:T557,

About this Component

Drop your photos in and watch them cascade!

Your images live inside glass marbles that pour down and pile up as soon as they enter the viewport. Hover over the pile to scatter and play with them.

Component Properties

• Photos: Each image is set inside a glass marble. Upload up to 5 photos and they're distributed across the marbles in order.

• Ball Size: Controls the marble diameter relative to the frame height.

Use Cases

• Dynamic Footers: Place it at the bottom of your page. As visitors scroll down, a cascade of brand imagery piles up, leaving a tactile and memorable impression right before they leave.

• Interactive Heroes: Swap static image grids for a playground of real-time physics. Let your logos and product shots tumble and roll, reacting instantly when the cursor brushes past.

How to Install

To install the component, please copy and paste the component URL directly onto your Framer canvas.

Important Note

Please note that the animations only work in Preview mode. The component may appear paused or as an empty screen on the Framer canvas.

53:T65f,

About this Component

Wrap your artwork around a photorealistic aluminum can in seconds!

Your uploaded image maps seamlessly onto the surface. Grab and spin it with smooth inertia, or let it rotate autonomously. The ultimate choice for beverage branding, merch drops, and standout product hero sections.

Component Properties

• Image: Wraps your photo around the can. A 2:1 ratio (e.g., 2000×1000) fits perfectly, while taller images auto-crop vertically with zero distortion.

• Auto-spin: Keeps the can rotating slowly when the cursor is inactive (Default: On).

• Tilt: Adjust the forward and backward pitch.

• Tilt Sideways: Adjust the left and right roll for dynamic presentation angles.

Use Cases

• Product Mockups: Showcase beverage labels, custom merch, and pop-up store packaging in photorealistic 3D. Bring your products to life with a single image—no code required.

• Interactive Heroes: Swap static thumbnails for tactile, "grab-and-spin" 3D elements that instantly hook your visitors' attention.

How to Install

To install the component, please copy and paste the component URL directly onto your Framer canvas.

Important Note

Please note that the animations only work in Preview mode. The component may appear paused or as an empty screen on the Framer canvas.

54:T563,

About this Component

Drop in your image and let your visitors smash the glass!

This interactive component hides your content behind a frosted pane. With each click of the hammer cursor, dynamic cracks spread from the exact point of impact, culminating in a satisfying final shatter that completely unveils your image.

Component Properties

• Image: Automatically scales and maps to perfectly cover the frame with zero distortion.

• Hits to Break: Control the suspense. Set the exact number of strikes required to completely shatter the glass. (Default: 3, Max: 9)

Use Cases

• Tactile First Impressions: Transform plain thumbnails into interactive "break-to-reveal" moments that instantly hook your visitors.

• Dramatic Teasers: The ultimate choice for product drops, event landing pages, portfolio covers, or anywhere you need a powerful, unforgettable reveal.

How to Install

To install the component, please copy and paste the component URL directly onto your Framer canvas.

Important Note

Please note that the animations only work in Preview mode. The component may appear paused or as an empty screen on the Framer canvas.

55:T820,

About this Component

Drop in any image and watch it flutter on hover!

This interactive poster component for Framer transforms static images into a realistic paper simulation. With real-time physics, dynamic surface lighting, and instant cursor response, it creates a striking visual impact. Perfect for event posters, portfolios, or hero sections that demand attention.

Component Properties

- Image: The component automatically reads your uploaded image's aspect ratio on load, displaying it perfectly without any distortion.

- Motion (Hang): The top remains firmly fixed while the bottom flutters, simulating a poster pinned to a wall.

- Motion (Lift): The bottom edge lifts and flies forward, acting as if caught in a strong breeze.

- Flutter: Fine-tune the wind intensity upon hover (Default: 0.75, Max: 1.0).

- Light: Control the specular sheen. Set to 0 for a realistic matte paper finish, or increase the value for a glossy, coated look.

- Idle Sway: Control the movement when the cursor is inactive. Adding a value keeps the poster gently swaying, creating a continuous, lifelike detail even without interaction.

Use Cases

- High-Impact First Impressions: Transform plain thumbnails or hero banners into captivating interactive elements that instantly grab visitors' attention.

- Creative Showcases: A flawless fit for movie and exhibition promo sites, event landing pages, portfolio covers, and anywhere you need a powerful visual punch.

How to Install

To install the component, please copy and paste the component URL directly onto your Framer canvas.

Important Note

Please note that the animations only work in Preview mode. The component may appear paused or as an empty screen on the Framer canvas.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-e1547ef2-b506-47d3-85bb-942a828e4b86-all:/unified/creator/e1547ef2-b506-47d3-85bb-942a828e4b86/activity/":[{"data":[{"id":"01a0ee2e-431e-738a-9391-1d8e4b328792","type":"comment.liked","target":{"type":"comment","id":"01a0b57d-306f-70c7-88df-fc9ee10f8ed3","preview":"Nice","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f7ad0-32ac-70af-8143-c9c6463250ee","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b57d-306f-70c7-88df-fc9ee10f8ed3"},"repost":null}},"context":{"type":"post","id":"019f7ad0-32ac-70af-8143-c9c6463250ee","preview":"Infinite CMS Gallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/019f7ac5-2e05-70f8-a067-8f2b0f04cefe.png","targetDeleted":false,"owned":true,"actions":{"postId":"019f7ad0-32ac-70af-8143-c9c6463250ee","like":{"count":25,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","slug":"mxbear","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-29T17:20:04.374Z","latestAt":"2026-09-29T17:20:04.374Z"},{"id":"019fef6b-7c8f-71c1-badc-60c570a7fdfc","type":"component.liked","target":{"type":"component","id":"MfebhSpxtUs9I65Xq1ry","preview":"Reveal Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/019feb26-c2e1-756f-bc28-5bb33cd158a6.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","slug":"mxbear","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-11T06:03:46.698Z","latestAt":"2026-08-11T06:03:46.698Z"},{"id":"019f8f1f-a293-736e-b018-689c1913b899","type":"template.liked","target":{"type":"template","id":"46042","preview":"Qitchen","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/46042/qitchen-t0eo8ZISDXyNizRphFkptPe9Y4qdBI","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","slug":"mxbear","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-23T13:17:22.952Z","latestAt":"2026-07-23T13:17:22.952Z"},{"id":"019f7ad0-343e-729d-a169-9c1cfd2ca137","type":"component.created","target":{"type":"component","id":"TLJaFy6ysz7uQLjfEpcF","preview":"Infinite CMS Gallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/019f7ac5-2e05-70f8-a067-8f2b0f04cefe.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","slug":"mxbear","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-19T14:38:13.054Z","latestAt":"2026-07-19T14:38:13.054Z"},{"id":"019f78d5-5669-733d-90c4-825fdc07d4d9","type":"component.created","target":{"type":"component","id":"MoW54sH92LP8b8aOGd8C","preview":"Orb Drop","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/019f7b05-cfc8-7438-9a4f-5fc0ab6f2812.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","slug":"mxbear","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-19T05:24:35.049Z","latestAt":"2026-07-19T05:24:35.049Z"},{"id":"019f6431-cdca-7308-93c5-287ec525d69a","type":"component.created","target":{"type":"component","id":"FNGPSE42Id6nIhPzaN2G","preview":"3D Can","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/019f642a-bfbc-727e-aa65-27471599a66a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","slug":"mxbear","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-15T05:13:33.386Z","latestAt":"2026-07-15T05:13:33.386Z"},{"id":"019f61e5-ece4-7790-9c2a-76fb811ad93a","type":"component.created","target":{"type":"component","id":"7ksTG8Te6kJmSUWiVsjD","preview":"Glass Shatter Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/019f61e0-9c79-7729-a7e8-ebec15f7cdeb.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","slug":"mxbear","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-14T18:31:26.180Z","latestAt":"2026-07-14T18:31:26.180Z"},{"id":"019f61b8-d570-7625-9ad5-5299bf3c22cb","type":"component.created","target":{"type":"component","id":"DCeT1xclCol3QV7xhIe2","preview":"Paper Flutter","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/019f61b8-bf26-7358-bace-50a8e6c89b1f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","slug":"mxbear","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-14T17:42:11.056Z","latestAt":"2026-07-14T17:42:11.056Z"},{"id":"019f61ab-e77f-715f-81cc-5d70f1576c02","type":"component.created","target":{"type":"component","id":"HClOSuO7RMU59x8MUMuv","preview":"Gooey Glass Nav","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/019f61ab-b0eb-7415-844d-9e505eb3d7a0.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","slug":"mxbear","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-14T17:28:03.711Z","latestAt":"2026-07-14T17:28:03.711Z"},{"id":"019f4ae2-cbb2-77af-9d17-2f305446317f","type":"template.liked","target":{"type":"template","id":"46186","preview":"FF Architect","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/46186/ff_architect_slides_01-RwzEXMJc2eCLNuLjPu4cpRH3VHzspF.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","slug":"mxbear","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-10T07:16:45.094Z","latestAt":"2026-07-10T07:16:45.094Z"},{"id":"019f4ab8-fccf-7308-b9f3-3f33ec69dd97","type":"template.liked","target":{"type":"template","id":"47023","preview":"Ayano","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/47023/ayano-TJcgz8sII40KEcxKkMUbtWKatMqpyu","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","slug":"mxbear","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-10T06:31:05.160Z","latestAt":"2026-07-10T06:31:05.160Z"},{"id":"019f4806-283f-746c-9230-770155f2e9c5","type":"component.liked","target":{"type":"component","id":"oWMpJSAMzh7CQXjysEs6","preview":"Elegance hero slider","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/14a03a1d-aa18-4ffb-ace6-5fb92eb40056/019f6b2d-9838-7458-af28-986adb127348.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","slug":"mxbear","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-09T17:56:30.907Z","latestAt":"2026-07-09T17:56:30.907Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:e1547ef2-b506-47d3-85bb-942a828e4b86:/unified/posts/?creator=e1547ef2-b506-47d3-85bb-942a828e4b86&with=reposts":[{"data":[{"id":"019f7ad0-32ac-70af-8143-c9c6463250ee","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","slug":"mxbear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","followed":false,"followsYou":false},"media":[],"resources":[{"id":"TLJaFy6ysz7uQLjfEpcF","resolved":true,"title":"Infinite CMS Gallery","body":"$51","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About this Component","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Step into an infinite exhibition! Drop your images into the frames. Scroll to walk endlessly through the hallway, hover to watch the canvas sway gently, and click to step closer to an artwork. Bring the immersive experience of a fine art museum directly to your portfolio or brand lookbook."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Component Properties","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS List:","marks":[{"type":"bold"}]},{"type":"text","text":" Artworks hang in your CMS order and stay in sync automatically."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose the Images property for a quick manual setup. Add as many images as you want; they will alternate along both walls in an infinite loop."}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Interactions","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll:","marks":[{"type":"bold"}]},{"type":"text","text":" Walk the hallway. Smooth inertia applies to both the mouse wheel and touch controls, creating an endless path in either direction."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover:","marks":[{"type":"bold"}]},{"type":"text","text":" The targeted canvas tilts and sways slightly, with dynamic lighting reacting naturally to the movement."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click:","marks":[{"type":"bold"}]},{"type":"text","text":" The camera glides smoothly toward the artwork for a closer look. Click again or scroll to return to your walking path."}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio Showcases:","marks":[{"type":"bold"}]},{"type":"text","text":" Replace standard image grids with a walkable exhibition. The dramatic lighting on each piece adds striking visual weight to your work."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fullscreen Heroes & Landings:","marks":[{"type":"bold"}]},{"type":"text","text":" Drop this component into a full-bleed 100vh section to transform your entire page into a museum."}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Important Note","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Please note that animations only work in Preview mode. The component may appear paused or as an empty screen on the Framer editing canvas."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"How to Install","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"To install the component, please copy and paste the component URL directly onto your Framer canvas."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"How to Connect Your CMS","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Insert a 'Collection List' anywhere on your page. Select CMS in the properties, choose the corresponding collection list, and drag the connector to the 'Collection List'. Done! The hallway now mirrors your CMS content."}]}]},"introduction":"Mx. Bear","slug":"infinite-cms-gallery","author":{"framerUserId":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","slug":"mxbear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/019f7ac5-2e05-70f8-a067-8f2b0f04cefe.png","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1591,"height":1160}}],"post":null,"createdAt":"2026-07-19T14:38:12.245Z","updatedAt":"2026-08-13T12:59:25.059Z","publishedAt":"2026-07-19T14:38:12.242Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://inspired-darlings-011796.framer.app/infinite-exhibition","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_dFp2ozjEYqLqFUb7Exv1K1uax43Oero4y8VsY33DyX4","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"Baw4E03lPop9JevMXJKH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":25,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-19T14:38:12.652Z","updatedAt":"2026-07-19T14:38:12.652Z"},{"id":"019f78d5-5505-709b-96b1-4ecf4ac97952","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","slug":"mxbear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","followed":false,"followsYou":false},"media":[],"resources":[{"id":"MoW54sH92LP8b8aOGd8C","resolved":true,"title":"Orb Drop","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About this Component","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Drop your photos in and watch them cascade!"}]},{"type":"paragraph","content":[{"type":"text","text":"Your images live inside glass marbles that pour down and pile up as soon as they enter the viewport. Hover over the pile to scatter and play with them."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Component Properties","marks":[{"type":"bold"}]},{"type":"text","text":" "}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Photos:","marks":[{"type":"bold"}]},{"type":"text","text":" Each image is set inside a glass marble. Upload up to 5 photos and they're distributed across the marbles in order."}]},{"type":"paragraph","content":[{"type":"text","text":"• Ball Size:","marks":[{"type":"bold"}]},{"type":"text","text":" Controls the marble diameter relative to the frame height."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]},{"type":"text","text":" "}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Dynamic Footers:","marks":[{"type":"bold"}]},{"type":"text","text":" Place it at the bottom of your page. As visitors scroll down, a cascade of brand imagery piles up, leaving a tactile and memorable impression right before they leave. "}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Interactive Heroes:","marks":[{"type":"bold"}]},{"type":"text","text":" Swap static image grids for a playground of real-time physics. Let your logos and product shots tumble and roll, reacting instantly when the cursor brushes past."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"How to Install","marks":[{"type":"bold"}]},{"type":"text","text":" "}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"To install the component, please copy and paste the component URL directly onto your Framer canvas."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Important Note","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Please note that the animations only work in Preview mode. The component may appear paused or as an empty screen on the Framer canvas."}]}]},"introduction":"Mx. Bear","slug":"orb-drop","author":{"framerUserId":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","slug":"mxbear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/019f7b05-cfc8-7438-9a4f-5fc0ab6f2812.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1589,"height":1171}}],"post":null,"createdAt":"2026-07-19T05:24:34.342Z","updatedAt":"2026-08-13T13:22:38.452Z","publishedAt":"2026-07-19T05:24:34.339Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/OrbDrop-ha5uAp.js@5ripUi4wK5foVA6gg044","previewUrl":"https://inspired-darlings-011796.framer.app/orb-drop","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"5ripUi4wK5foVA6gg044","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-07-19T05:24:34.693Z","updatedAt":"2026-07-19T05:24:34.693Z"},{"id":"019f6431-cc79-700a-afc5-0782952c0fc6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","slug":"mxbear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","followed":false,"followsYou":false},"media":[],"resources":[{"id":"FNGPSE42Id6nIhPzaN2G","resolved":true,"title":"3D Can","body":"$53","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About this Component","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Wrap your artwork around a photorealistic aluminum can in seconds!"}]},{"type":"paragraph","content":[{"type":"text","text":"Your uploaded image maps seamlessly onto the surface. Grab and spin it with smooth inertia, or let it rotate autonomously. The ultimate choice for beverage branding, merch drops, and standout product hero sections."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Component Properties","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Image:","marks":[{"type":"bold"}]},{"type":"text","text":" Wraps your photo around the can. A 2:1 ratio (e.g., 2000×1000) fits perfectly, while taller images auto-crop vertically with zero distortion."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Auto-spin:","marks":[{"type":"bold"}]},{"type":"text","text":" Keeps the can rotating slowly when the cursor is inactive (Default: On)."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Tilt:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the forward and backward pitch."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Tilt Sideways:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the left and right roll for dynamic presentation angles."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Product Mockups:","marks":[{"type":"bold"}]},{"type":"text","text":" Showcase beverage labels, custom merch, and pop-up store packaging in photorealistic 3D. Bring your products to life with a single image—no code required."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Interactive Heroes:","marks":[{"type":"bold"}]},{"type":"text","text":" Swap static thumbnails for tactile, \"grab-and-spin\" 3D elements that instantly hook your visitors' attention."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"How to Install","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"To install the component, please copy and paste the component URL directly onto your Framer canvas."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Important Note","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Please note that the animations only work in Preview mode. The component may appear paused or as an empty screen on the Framer canvas.","marks":[{"type":"bold"}]}]}]},"introduction":"Mx. Bear","slug":"3d-can","author":{"framerUserId":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","slug":"mxbear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/019f642a-bfbc-727e-aa65-27471599a66a.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-15T05:13:32.547Z","updatedAt":"2026-08-13T12:54:33.837Z","publishedAt":"2026-07-15T05:13:32.540Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://inspired-darlings-011796.framer.app/custom-can","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_9hCac2bdff6ZrpWNHd3d3vxrcEexSVjlSujl53PkZ6t","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"PeehQWP65UB60wfdmRZN","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-15T05:13:33.049Z","updatedAt":"2026-07-15T05:13:33.049Z"},{"id":"019f61e5-eb70-757a-88c2-9a152b07c590","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","slug":"mxbear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7ksTG8Te6kJmSUWiVsjD","resolved":true,"title":"Glass Shatter Reveal","body":"$54","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About this Component","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Drop in your image and let your visitors smash the glass! "}]},{"type":"paragraph","content":[{"type":"text","text":"This interactive component hides your content behind a frosted pane. With each click of the hammer cursor, dynamic cracks spread from the exact point of impact, culminating in a satisfying final shatter that completely unveils your image."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Component Properties","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Image:","marks":[{"type":"bold"}]},{"type":"text","text":" Automatically scales and maps to perfectly cover the frame with zero distortion."}]},{"type":"paragraph","content":[{"type":"text","text":"• Hits to Break:","marks":[{"type":"bold"}]},{"type":"text","text":" Control the suspense. Set the exact number of strikes required to completely shatter the glass. (Default: 3, Max: 9)"}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Tactile First Impressions: Transform plain thumbnails into interactive \"break-to-reveal\" moments that instantly hook your visitors."}]},{"type":"paragraph","content":[{"type":"text","text":"• Dramatic Teasers: The ultimate choice for product drops, event landing pages, portfolio covers, or anywhere you need a powerful, unforgettable reveal."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"How to Install","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"To install the component, please copy and paste the component URL directly onto your Framer canvas."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Important Note","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Please note that the animations only work in Preview mode. The component may appear paused or as an empty screen on the Framer canvas."}]}]},"introduction":"Mx. Bear","slug":"glass-shatter-reveal","author":{"framerUserId":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","slug":"mxbear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/019f61e0-9c79-7729-a7e8-ebec15f7cdeb.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-14T18:31:25.476Z","updatedAt":"2026-09-22T13:19:54.500Z","publishedAt":"2026-07-14T18:31:25.465Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/GlassShatter-7bJXtU.js@EvOonaVDExaJKXuzbk3u","previewUrl":"https://inspired-darlings-011796.framer.app/glass-shatter","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"EvOonaVDExaJKXuzbk3u","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-14T18:31:25.808Z","updatedAt":"2026-07-14T18:31:25.808Z"},{"id":"019f61b8-d3ea-77db-8a05-c4d812d70070","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","slug":"mxbear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","followed":false,"followsYou":false},"media":[],"resources":[{"id":"DCeT1xclCol3QV7xhIe2","resolved":true,"title":"Paper Flutter","body":"$55","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About this Component","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Drop in any image and watch it flutter on hover!"}]},{"type":"paragraph","content":[{"type":"text","text":"This interactive poster component for Framer transforms static images into a realistic paper simulation. With real-time physics, dynamic surface lighting, and instant cursor response, it creates a striking visual impact. Perfect for event posters, portfolios, or hero sections that demand attention."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Component Properties","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Image:","marks":[{"type":"bold"}]},{"type":"text","text":" The component automatically reads your uploaded image's aspect ratio on load, displaying it perfectly without any distortion."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Motion (Hang):","marks":[{"type":"bold"}]},{"type":"text","text":" The top remains firmly fixed while the bottom flutters, simulating a poster pinned to a wall."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Motion (Lift):","marks":[{"type":"bold"}]},{"type":"text","text":" The bottom edge lifts and flies forward, acting as if caught in a strong breeze."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Flutter:","marks":[{"type":"bold"}]},{"type":"text","text":" Fine-tune the wind intensity upon hover (Default: 0.75, Max: 1.0)."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Light:","marks":[{"type":"bold"}]},{"type":"text","text":" Control the specular sheen. Set to 0 for a realistic matte paper finish, or increase the value for a glossy, coated look."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Idle Sway:","marks":[{"type":"bold"}]},{"type":"text","text":" Control the movement when the cursor is inactive. Adding a value keeps the poster gently swaying, creating a continuous, lifelike detail even without interaction."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"High-Impact First Impressions:","marks":[{"type":"bold"}]},{"type":"text","text":" Transform plain thumbnails or hero banners into captivating interactive elements that instantly grab visitors' attention."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Creative Showcases:","marks":[{"type":"bold"}]},{"type":"text","text":" A flawless fit for movie and exhibition promo sites, event landing pages, portfolio covers, and anywhere you need a powerful visual punch."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"How to Install","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"To install the component, please copy and paste the component URL directly onto your Framer canvas."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Important Note","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Please note that the animations only work in Preview mode. The component may appear paused or as an empty screen on the Framer canvas."}]}]},"introduction":"Mx. Bear","slug":"paper-flutter","author":{"framerUserId":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","slug":"mxbear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/019f61b8-bf26-7358-bace-50a8e6c89b1f.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-14T17:42:10.298Z","updatedAt":"2026-08-13T12:47:58.059Z","publishedAt":"2026-07-14T17:42:10.295Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://inspired-darlings-011796.framer.app/paper-flutter","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_zPhVI3yj1MzNehTwvEgDNumaE68rdctOyoPIM4ZA20d","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"3rB6SkGjHhUx6kNpekpQ","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-07-14T17:42:10.666Z","updatedAt":"2026-07-14T17:42:10.666Z"},{"id":"019f61ab-e5b3-72f8-9fe7-efd5bdd06c8c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","slug":"mxbear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","followed":false,"followsYou":false},"media":[],"resources":[{"id":"HClOSuO7RMU59x8MUMuv","resolved":true,"title":"Gooey Glass Nav","body":"

About this Component

A floating navigation component featuring a fluid, sticky stretch animation. Tap the toggle to watch the menu drop out like a liquid bead, expanding into a beautifully frosted glass panel. Close it, and it seamlessly melts back into place.

Features

- Fluid Motion: The panel organically stretches and drops down from the toggle in a sticky, liquid animation.

- Adjustable Glass: Dial in the perfect look. Transition from a subtle, clear blur to a heavy frosted finish that pops vibrantly over any image or colorful background.

- Smart Resizing: Fully automatic width and height adjustments. The panel instantly adapts to fit your labels and fonts—zero manual tweaking required.

How to Install

To install the component, please copy and paste the component URL directly onto your Framer canvas.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"About this Component","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A floating navigation component featuring a fluid, sticky stretch animation. Tap the toggle to watch the menu drop out like a liquid bead, expanding into a beautifully frosted glass panel. Close it, and it seamlessly melts back into place."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Fluid Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" The panel organically stretches and drops down from the toggle in a sticky, liquid animation."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Adjustable Glass:","marks":[{"type":"bold"}]},{"type":"text","text":" Dial in the perfect look. Transition from a subtle, clear blur to a heavy frosted finish that pops vibrantly over any image or colorful background."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Smart Resizing:","marks":[{"type":"bold"}]},{"type":"text","text":" Fully automatic width and height adjustments. The panel instantly adapts to fit your labels and fonts—zero manual tweaking required."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"How to Install","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"To install the component, please copy and paste the component URL directly onto your Framer canvas."}]}]},"introduction":"Mx. Bear","slug":"gooey-glass-nav","author":{"framerUserId":"e1547ef2-b506-47d3-85bb-942a828e4b86","name":"Mx. Bear","slug":"mxbear","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/nmq3d0ik","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1547ef2-b506-47d3-85bb-942a828e4b86/019f61ab-b0eb-7415-844d-9e505eb3d7a0.png","metadata":{"tint":{"h":240,"s":6,"l":25},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-14T17:28:02.826Z","updatedAt":"2026-08-13T11:40:54.710Z","publishedAt":"2026-07-14T17:28:02.811Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/GooeyGlass-mJkDdS.js@GYTYrXzNuDVMWlju1sz8","previewUrl":"https://inspired-darlings-011796.framer.app/gooey-glass","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"GYTYrXzNuDVMWlju1sz8","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":21,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-14T17:28:03.251Z","updatedAt":"2026-07-14T17:28:03.251Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L56"}]