Golden water drop refresh interaction

Spent more than a week in Framer Studio for this demo.
This project is intended to make a motion like a real water drop in a pulling-refresh interaction.
All motion shapes are made by code on a canvas. All the points and handlers moves with finger pulling.
The key point for this motion is to bound the pulling action with the transformation of shapes. The transformation is not linear. So I wrote methods to calculate the points and handlers' position, using bezier curves I set.
As this project is not published, I can't upload the framer file. But hope you like the motion effect.

More by Vikar

View profile