5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T869,

✨ How It Works

Each Logo Shift instance holds two logos that swap in place. The current logo fades and lifts upward as the next rises into view from below — built on a careful three-stage cycle so the loop is seamless, with no jump or visible reset.

Drop multiple instances side by side to build your "Trusted by" wall. Each instance holds its own logo pair, and you control how many sit in a row.

🎯 Key Features

Vertical swap animation with infinite loop
Built on Framer variants — no code, no external dependencies
Customizable delay, duration, and easing
One logo pair per instance — combine as many as you need
Stagger timing across instances for an organic, wave-like rhythm
Light & dark mode compatible
Responsive across mobile, tablet, and desktop
Drop-in setup — just replace the logos

🎯 Ideal For

"Trusted by" sections on landing pages
Client and partner logo walls
Sponsor and investor showcases
Press and media mention bars
SaaS, agency, and portfolio sites
Anywhere a static logo grid feels too quiet

📦 What You Get

Logo Shift component for Framer
Demo page with multiple layout examples
Setup guide with copy-paste timing values
Drop-in installation — no code editing required

💡 Quick Setup

Drag the component onto your canvas
Replace Logo A and Logo B in the right panel (SVG recommended)
Duplicate the instance and arrange horizontally for a full row

That's it. About two minutes from import to live.

💬 Support

Need help? Email [support@luminacle.com] — we respond within 24 hours.

Made by Luminacle — interactive components for Framer.

5a:[["$","$L5d",null,{"post":{"id":"019e1e6a-2329-73c4-b7d1-e10a12cff4a1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"89d06d35-6181-4f34-af74-9dc6d33fcdb1","name":"Hanmiru Lee","slug":"hanmiru-lee","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/89d06d35-6181-4f34-af74-9dc6d33fcdb1/wiyozi58","followed":false,"followsYou":false},"media":[],"resources":[{"id":"IiRBfp0p7s7nVHpwNJ1i","resolved":true,"title":"Logo Shift","body":"$5e","bodyJson":null,"introduction":"Logos that swap in place — vertically.","slug":"logo-shift","author":{"framerUserId":"89d06d35-6181-4f34-af74-9dc6d33fcdb1","name":"Hanmiru Lee","slug":"hanmiru-lee","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/89d06d35-6181-4f34-af74-9dc6d33fcdb1/wiyozi58","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/IiRBfp0p7s7nVHpwNJ1i/logo-shift-QcxVvKvV9qEosTgqFOBcklPiDB1Ada","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-06T12:11:41.748Z","updatedAt":"2026-05-12T09:15:44.439Z","publishedAt":"2026-05-12T22:58:52.841Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://logoshift.framer.website/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_Ucux5JhQY166L04UfVCRf00agdJ0BgWqUw8WZ2gNMMB","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"d4bInAMlVdbuTAuyeHlh","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-12T22:58:52.841Z","updatedAt":"2026-05-12T22:58:52.841Z","reported":false}}],"$L5f"]

Suggested for you