Most "3D tilt card" components on the market are dead on mobile. Yeah, really.
They only listen to your mouse position, so the second you open the site on your phone — which is most of your traffic — the tilt effect just... doesn't happen.
So I built one that actually works everywhere: Gyro Tilt Card, free on the Framer Marketplace.
→ Desktop: smooth, spring-based mouse tilt → Mobile: real device-orientation tilt, with proper iOS permission handling done right → No mouse, no gyro? A gentle idle-sway animation keeps it alive instead of going flat → A rotating border-beam plays while idle and fades out the instant you engage it
It's a wrapper, not a fixed layout — drop in any card, image, or component and it just tilts.
Free, link in comments. Try it on your phone, not just your laptop — that's the whole point.
\#framer #webdesign #uidesign #interactiondesign #mobiledesign

Most "3D tilt card" components on the market are dead on mobile. Yeah, really.
They only listen to your mouse position, so the second you open the site on your phone — which is most of your traffic — the tilt effect just... doesn't happen.
So I built one that actually works everywhere: Gyro Tilt Card, free on the Framer Marketplace.
→ Desktop: smooth, spring-based mouse tilt → Mobile: real device-orientation tilt, with proper iOS permission handling done right → No mouse, no gyro? A gentle idle-sway animation keeps it alive instead of going flat → A rotating border-beam plays while idle and fades out the instant you engage it
It's a wrapper, not a fixed layout — drop in any card, image, or component and it just tilts.
Free, link in comments. Try it on your phone, not just your laptop — that's the whole point.
\#framer #webdesign #uidesign #interactiondesign #mobiledesign
