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

From our sponsor

Generate & deploy to Vercel with 1 click. Next.js 14, Typescript, TailwindCSS + Shadcn UI

From our sponsor

Make designs interactive & publish as websites with Readymag. Transfer anything from Figma to Readymag in 4 clicks with a plugin

grid page-transition

Image To Grid Transition

3 years ago

menu page-transition slideshow

Stack to Content Layout Transition

3 years ago

intro page-transition

Image Trail Animation for an Intro

3 years ago

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

« Previous 1 2 3 4 5 … 11 Next »