Free Framer TwistCard Component for Scroll-Based 3D EffectsFree Framer TwistCard Component for Scroll-Based 3D Effects
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
just launched TwistCard, free Framer component. 🌀 add an image and it'll turn in 3D as you scroll. It wrings like a piece of paper: far edge lags, the middle bends, the light rolls across the surface. That lag is my favourite part. 📄
Triggers: scroll (set how many turns), in view, hover, click, loop, drag with snap, or manual. the back can be the same image mirrored, a second image, or a colour.
it renders with WebGL at screen resolution so the image stays nice and crisp at any size.
https://www.framer.com/marketplace/components/twistcard/
Senad's avatar
The far edge lagging while the middle bends really sells the paper feel. Nice that it renders with WebGL at screen resolution so images stay crisp at any size.
Ezzat's avatar
Thanks, Senad. Getting that lag right took the longest, so glad it reads as paper.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started