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
Back to feedPost
A custom scroll-driven liquid transition built with React, TypeScript, and WebGL.
Two visual states blend through an organic distortion field, with the entire transition mapped to scroll progress and fully reversible.
Built as a reusable Framer Code Component.
Mapping the distortion to scroll makes the transition feel responsive instead of decorative.
Thanks Mykola!
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
Related posts
PrettyClever designed the Maximize website and hired me to build it 1:1 in Framer. Check it out below.
the maximize site in framer looks so good. how long was the 1:1?
Experimenting with avatar animation using Figma + Motion ✨
Honestly, I never thought Figma Motion could generate motion this smooth, it’s starting to feel surprisingly close to what I’d normally achieve in After Effects.
Figma Motion is definitely making motion exploration much more accessible for product designers. 👀
This is getting surprisingly close to AE for quick motion exploration. Curious how well it holds up once the animations get more complex.
Ferré is an agency template designed for creative studios, design firms, and independent practices looking to present their work with clarity and confidence.
Built around an editorial visual language, this template combines bold typography, subtle interactions, and an immersive layout to create a sophisticated digital presence. Showcase your work, introduce your studio, share ideas through a journal, and give potential clients a clear sense of what you do.
