4d:I[267044,["/creators-assets/_next/static/immutable/chunks/36c08p67t0nml.js","/creators-assets/_next/static/immutable/chunks/3ayu63s3pbx5h.js","/creators-assets/_next/static/immutable/chunks/2qqxwi6m3n33t.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3k0o12ps7rnq6.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/271g_l-8c77ee.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/31xze_yiju0_q.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2gb4kwi-0_ftg.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/41gwzxjlh6wda.js","/creators-assets/_next/static/immutable/chunks/0tb62zkq3ytzl.js","/creators-assets/_next/static/immutable/chunks/3wj273i6wglef.js","/creators-assets/_next/static/immutable/chunks/0gsy0nazl2cht.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/0y1e6y4tai9kl.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/1gasll1b30-2c.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/15ey03cfkkg-y.js","/creators-assets/_next/static/immutable/chunks/1-gdi7ej49wy6.js","/creators-assets/_next/static/immutable/chunks/3oj8b9u7wi0dw.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/29vwz5igguxfe.js","/creators-assets/_next/static/immutable/chunks/3f2ccywlofkgw.js","/creators-assets/_next/static/immutable/chunks/0xifckmqg-iju.js"],"S"] 4e:T82f,

Infinity scroll

Bring your portfolio or showcase to life with a fully interactive scrolling gallery. Images flow, spin, and land dynamically on the screen, looping in a seamless, playful rhythm.

Customizable Controls

Scroll Speed & Momentum — Fine-tune how fast and fluid your gallery moves.
Mobile Speed Boost & Touch Sensitivity — Optimized for a smooth experience on any device.
Momentum Decay & Loop Pause — Control natural scrolling feel and pauses at the end of loops.

Visual Depth & Layout

3D Perspective Depth — Add immersive depth to your gallery.
Overall Scale & Field Rotation — Adjust the visual weight and tilt of your objects.
Near & Far Distance Sizes — Make objects grow or shrink dynamically with depth.
End Image Spread — Define how wide images spread out as the loop ends.

Dynamic Interactions

Random Rotation & Positions — Keep every scroll unique and playful.
Image Spin Speeds (X, Y, Z) — Add cinematic 3D spins to your objects.
Fade In & Fade Out Distances — Smoothly reveal and hide elements in the flow.
Object Corner Radius — Soften or sharpen the look of your gallery cards.

Scalable Showcase

Number of Objects — Display as many items as you need, from minimal to maximal.
Customizable Image Sources — Drop in your portfolio, product shots, or any visuals.

Perfect For

Creative portfolios
Product showrooms
Event landing pages
Playful homepages

4f:T574,

HoverImageSpread Component

Give users a sneak peek of what’s coming next by revealing background visuals when they hover over your hero image. Perfect for interactive previews and engaging link cards.

You can fully customize the behavior: adjust the number of images, animation style, 3D movement, and more to create a dynamic and immersive effect.

Key Features:

Main & Background Images → Showcase a hero image with multiple background images on hover
Animation Speed & Spread Distance → Control how quickly and how far images spread
Image Rotation & Randomness → Add organic, playful motion
Image Quantity & Size → Decide how many images appear and scale them as needed
Opacity Controls → Set visibility for both hero and background images
Border Radius → Adjust for sharp or rounded corners
Follow Cursor → Make images react to mouse movement with adjustable strength
3D Movement & Tilt → Add depth and parallax-style motion
Keep Tilt on Leave → Choose whether the tilt resets or stays after hover

4c:["$","$L4d",null,{"value":{"fallback":{"$inf$activity-creator-6b16d179-ceb5-4e01-bc3e-8722c180241a-all:/unified/creator/6b16d179-ceb5-4e01-bc3e-8722c180241a/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:6b16d179-ceb5-4e01-bc3e-8722c180241a:/unified/posts/?creator=6b16d179-ceb5-4e01-bc3e-8722c180241a&with=reposts":[{"data":[{"id":"019a0fe8-8177-713e-a238-0ee04a4c0df8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6b16d179-ceb5-4e01-bc3e-8722c180241a","name":"Sebastián Alarcón Wright","slug":"sebastian-alarcon-wright","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1128906/avatar-qKwaSh8RneV9F1x0u8L63me82hONjk.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"VjrV5OfpJSJsa0YAHTH7","resolved":true,"title":"Infinity Loop Scroll","body":"$4e","bodyJson":null,"introduction":"","slug":"infinity-scroll","author":{"framerUserId":"6b16d179-ceb5-4e01-bc3e-8722c180241a","name":"Sebastián Alarcón Wright","slug":"sebastian-alarcon-wright","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1128906/avatar-qKwaSh8RneV9F1x0u8L63me82hONjk.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/y5TlpTOtiddhnkCNQR1s/infinity-scroll-w8MK0vHlWEs6OUlICSTto5fZqW2x86","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-02T10:45:43.821Z","updatedAt":"2025-12-02T16:20:24.327Z","publishedAt":"2025-10-23T07:11:27.095Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://patient-teammates-934535.framer.app/","price":"5","paymentUrl":"https://sebastiancreates.lemonsqueezy.com/buy/216278f2-bb0c-43e4-8e3f-03a4e1a22843","workshop":true,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"9vKwRUMSnWnpspYp6mDX","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-23T07:11:27.095Z","updatedAt":"2025-10-23T07:11:27.095Z","type":"post"},{"id":"019a08c2-0d79-7d66-bb21-e62f434f2544","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6b16d179-ceb5-4e01-bc3e-8722c180241a","name":"Sebastián Alarcón Wright","slug":"sebastian-alarcon-wright","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1128906/avatar-qKwaSh8RneV9F1x0u8L63me82hONjk.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8bYR5S7UJo8hslhEtjz4","resolved":true,"title":"Hover image POP","body":"$4f","bodyJson":null,"introduction":"","slug":"hover-image-pop","author":{"framerUserId":"6b16d179-ceb5-4e01-bc3e-8722c180241a","name":"Sebastián Alarcón Wright","slug":"sebastian-alarcon-wright","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1128906/avatar-qKwaSh8RneV9F1x0u8L63me82hONjk.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/8bYR5S7UJo8hslhEtjz4/hover-image-pop-QMPY1oUCCtrq8apjSMnuQf827wVWNU","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-01T11:07:12.486Z","updatedAt":"2025-12-02T16:20:30.945Z","publishedAt":"2025-10-21T21:52:06.521Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://delightful-growth-467705.framer.app/","price":"2","paymentUrl":"https://sebastiancreates.lemonsqueezy.com/buy/7794ace4-8620-4539-9e8b-e4fab4c99d83","workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"70wdnxov4G9j6KERQdkQ","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":"2025-10-21T21:52:06.521Z","updatedAt":"2025-10-21T21:52:06.521Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L50"}]