Demos by Manoela Ilic

Editor-in-Chief at Codrops. Designer, developer, and dreamer — sharing web inspiration with millions since 2009. Bringing together 20+ years of code, creativity, and community.

← Back to all demos

elastic grid GSAP scroll

Elastic Grid Scroll: Creating Lag-Based Layout Animations with GSAP ScrollSmoother

2 months ago

3D carousel GSAP page transition scroll

On-Scroll 3D Carousel

3 months ago

grid GSAP page transition repetition

Animating in Frames: Repeating Image Transition

3 months ago

astro GSAP template

Players Club: A Free Astro Template for Showcasing Music Artists

6 months ago

GSAP layout scroll

Consecutive Scroll Animations with One Element

9 months ago

3D grid GSAP scroll typography

Staggered (3D) Grid Animations with Scroll-Triggered Effects

10 months ago

From our sponsor

Master JavaScript animation with GSAP—free access to 34 video lessons, projects, and hands-on demos for all levels.

GSAP scroll typography

Exploring Playful Context-Aware Animations for Fixed Elements

10 months ago

grid GSAP scroll

Exploration of On-Scroll Layout Formations

11 months ago

distortion filter GSAP scroll svg typography

Scroll-based SVG Filter Animations on Text

12 months ago

hover typography

Hover Animations for Terminal-like Typography

1 year ago

Push Animation on Grid Items

1 year ago

filter grid GSAP hover intro page transition

Hover Motion Intro Animation

1 year ago

blur GSAP scroll typography

Blurry Text Reveal on Scroll

1 year ago

From our sponsor

Meco is a new way to read newsletters separate from your inbox

GSAP scroll typography

Some On-Scroll Text Highlight Animations

1 year ago

GSAP scroll typography

On-Scroll Expanding Image Animation within Typography

1 year ago

grid GSAP hover

Grid Item Reveal Animation on Hover

1 year ago

3D GSAP scroll stack

On-Scroll 3D Stack Motion Effect

1 year ago

GSAP reflection scroll

Reflection Scroll Effect

1 year ago

GSAP scroll sticky

On-Scroll Animation Ideas for Sticky Sections

2 years ago

clip-path GSAP scroll typography

Experimental On-Scroll Text Animations with SVG Clip-Path

2 years ago

From our sponsor

Codrops is hosted by Liquid Web — trusted dedicated servers built for speed and reliability. Get yours today.

GSAP scroll typography

On-Scroll Sliced Text Animation

2 years ago

clip-path GSAP morphing scroll

On-Scroll Shape Morph Animations

2 years ago

gooey GSAP tooltip

Dynamic Tooltip Reveal Animations

2 years ago

clip-path GSAP page transition

Image Layer Animations with Clip-Path

2 years ago

clip-path GSAP Motion Trail

Ideas for Image Motion Trail Animations

2 years ago

GSAP page transition slideshow

Some Ideas for Fullscreen Image Slideshow Animations

2 years ago

grid GSAP hover

Grid Item Hover Effect

2 years ago

From our sponsor

Learn to build web apps with Next.js, the world's most popular full-stack framework, in this course on Scrimba.

grid GSAP scroll

Connected Grid Layout Animation

2 years ago

grid GSAP scroll

On-Scroll Column & Row Animations

2 years ago

3D grid GSAP scroll

On-Scroll Perspective Grid Animations

2 years ago

grid GSAP loading navigation

Grid Flow Animation

2 years ago

Scroll-Based Layout Animations

2 years ago

GSAP typography

Inspiration for Text Block Transitions

2 years ago

filter GSAP scroll svg

On-Scroll SVG Filter Effect

2 years ago

clip-path GSAP hover typography

Coding the Sliced Image Hover Effect from Quai Network

2 years ago

Gooey cursor with svg filters and css blend modes

cursor filter gooey GSAP Motion Trail svg

Gooey Cursor Effect

2 years ago

1 2 3 … 11 Next »