A little wait, a lot of motion. 🟠
A preloader animation that counts smoothly from 0 to 100%, turning loading time into part of the experience.
Built with CSS and GSAP, where even the smallest details matter.
#GSAP #WebAnimation #FrontendDevelopment #CreativeCoding #WebDesign
A little wait, a lot of motion. 🟠
A preloader animation that counts smoothly from 0 to 100%, turning loading time into part of the experience.
Built with CSS and GSAP, where even the smallest details matter.
#GSAP #WebAnimation #FrontendDevelopment #CreativeCoding #WebDesign
Footers don’t have to be the boring part of a website. 🫧
This one is made of tiny bubbles that rise up and melt into the page edge, like the whole thing is breathing. It’s a pure CSS blur and contrast trick, so there’s no heavy library and no video, just a gooey little moment at...
Built a little menu interaction study.
When the menu opens, the main content slides away with a subtle rotation, creating that layered, almost physical transition.
I also added a character-by-character roll effect to the menu links using GSAP SplitText, so the typography feels...
The best way to grow as a developer is to study the best and reverse-engineer the mechanics. I took inspiration from the ultra-clean, line-drawn SVG style of the 2019 Lemonade Insurance Giveback page (lemonade.com/giveback-2019) and completely rebuilt the interaction on my side....