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

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

From our sponsor

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

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

From our sponsor

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

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

From our sponsor

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

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

From our sponsor

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

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

4 years ago

infinite menu overlay page-transition svg

SVG Overlay and Infinite Menu Background Animation

4 years ago

intro loading repetition typography

Repetitive Typography Animation

4 years ago

grid intro page-transition typography

Kinetic Typography Page Transition

4 years ago

hover menu page-transition

Menu and Thumbnail Stack Animation

4 years ago

grid menu navigation page-transition

Layout with Reveal Animations and Content Preview

4 years ago

hover marquee menu navigation

How to Code the K72 Marquee Hover Animation

4 years ago

hover menu navigation page-transition typography

Inline to Menu Link Animation

4 years ago

distortion filter hover svg

Thumbnail Hover Effect with SVG Filters

4 years ago

« Previous 1 2 3 4 5 … 11 Next »