Manoela Ilic

CSS
Front-end
HTML
JavaScript
Three.js
Frontend tinkerer @codrops where we are trying to keep web developers & designers inspired and up-to-date since 2009. We offer free demos, motion design inspiration, tutorials and news.
Portugal
Codrops

Timeline

Founded
Floating Imagination Lda.
04.2017
Co-founded
08.2008
Front-end blog that provides free web demos, tutorials, news and inspiration for the modern web designer & developer.
How to Animate SVG Shapes on Scroll with GSAP

Scrolling can be so much fun! Let’s have a look at how to make SVG shapes and clip-paths animate on scroll to add a bit of drama and waviness to a design. We can morph one path into another and we’ll do that once a shape enters the viewport. Let’s get started!   demo github […]

Tweet This Post This Share This
Scroll Animation Ideas for Image Grids

Today I’d love to share some experimental scroll animations with you! The idea is simple: when scrolling a grid of images, animate the images that enter or leave the viewport in an interesting and creative way 🙂 demo github For these effects I’m using the super helpful ScrollTrigger plugin of GSAP and the new smooth […]

Tweet This Post This Share This
Image To Grid Transition

Today I have yet another image transition for you. This time, we’ll do something super simple: animate a large image to its place in a grid. This is certainly the first step of something more creative… think of two images, or three! Or maybe changing the size more dramatically! I hope this little experiment gives […]

Tweet This Post This Share This
Stack to Content Layout Transition

Today I’d like to share a little experiment with you that is based on the layout transition of Aristide Benoist’s amazing homepage. Basically, I’m trying to rotate this layout just like Siddarth did in this shot. No WebGL for this experiment so we definitely don’t reach the slickness level of Aristide’s work but it’s fun […]

Tweet This Post This Share This
Image Trail Animation for an Intro using GSAP’s Flip Plugin

I’m very fascinated with the GSAP Flip plugin and I was itching to try more examples where a layout is animated. So today I’d like to share another experiment with you that shows how easy it is to make these kind of layout changes happen using this magical plugin. Once you understand what you can […]

Tweet This Post This Share This
Joined May 2022
Sign in
Forgot password?