Demos by Manoela Ilic

Manoela is the main tinkerer at Codrops. With a background in coding and passion for all things design, she creates web experiments and keeps frontend professionals informed about the latest trends.

← Back to all demos

From our sponsor

Turn your creations into recurring revenue by selling templates on the Wix Studio Marketplace.

From our sponsor

Create a Penpot plugin Nov 15-Dec 15 and win cash prizes!

repetition scroll typography

On-Scroll Text Repetition Animation

3 years ago

page-transition svg

Sketch 022: SVG Path Page Transition (Horizontal)

3 years ago

page-transition svg

Sketch 021: SVG Path Page Transition (Vertical)

3 years ago

distortion filter svg

Sketch 020: Image Motion Effect with SVG Filter

3 years ago

distortion filter svg

Sketch 019: Image Motion Effect with SVG Filter

3 years ago

cursor distortion filter svg

Sketch 018: Custom Cursor (two circles with filter and delays)

3 years ago

cursor distortion filter svg

Sketch 017: Custom Cursor (stroke circle with filter effect)

3 years ago

cursor distortion filter svg

Sketch 016: Custom Cursor (filled circle with filter effect)

3 years ago

cursor filter motion-trail svg

Sketch 015: Custom Cursor (multiple circles with filter effect)

3 years ago

cursor filter svg

Sketch 014: Custom Cursor (filter effect and delayed motion)

3 years ago

cursor filter svg

Sketch 013: Custom Cursor (two circles with filter effect)

3 years ago

Sketch 012: Custom Cursor (two circles, one filled)

3 years ago

Sketch 011: Custom Cursor (One Circle)

3 years ago

distortion filter hover page-transition typography

Lines to Content Layout Animation

3 years ago

menu typography

Letter Shuffle Animation for a Menu

3 years ago

menu page-transition

Expanding Rounded Menu Animation

3 years ago

3d hover motion-trail repetition stack

Sketch 010: Image Motion Trail (Perspective)

3 years ago

3d hover motion-trail repetition stack

Sketch 009: Image Motion Trail (Perspective)

3 years ago

hover motion-trail repetition stack

Sketch 008: Image Motion Trail (Circle)

3 years ago

hover motion-trail repetition stack

Sketch 007: Image Motion Trail (Rotation)

3 years ago

hover motion-trail repetition stack

Sketch 006: Image Motion Trail (Semi-transparent)

3 years ago

hover motion-trail repetition stack

Sketch 005: Image Motion Trail (Opaque)

3 years ago

filter hover magnetic

Hover Preview Effect with Mini Map

3 years ago

filter hover repetition

Sketch 004: Repetition Hover Effect (Filter)

3 years ago

hover repetition

Sketch 003: Repetition Hover Effect (Rotated)

3 years ago

hover repetition

Sketch 002: Repetition Hover Effect (Square)

3 years ago

hover repetition

Sketch 001: Repetition Hover Effect (Round)

3 years ago

hover repetition

Repetition Image Hover Effects

3 years ago

locomotive-scroll scroll

Background Shift Animation with CSS Blend Modes

3 years ago

grid locomotive-scroll page-transition scroll

Alternate Column Scroll Animation

3 years ago

grid page-transition zoom

Grid Zoom Layout

3 years ago

filter slideshow

Slideshow with Filter Reveal Effect

3 years ago

infinite menu overlay page-transition svg

SVG Overlay and Infinite Menu Background Animation

3 years ago

intro loading repetition typography

Repetitive Typography Animation

3 years ago

« Previous 1 2 3 4 5 … 11 Next »