Demos Hub | Codrops

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.

hover motion-trail repetition stack

Sketch 008: Image Motion Trail (Circle)

3 years ago

Demos by Manoela Ilic

The Pantone Color of the Year 2025 web design assets that get you ahead of 2025’s web design trends

Sketch 021: SVG Path Page Transition (Vertical)

Sketch 020: Image Motion Effect with SVG Filter

Sketch 019: Image Motion Effect with SVG Filter

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

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

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

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

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

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

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

Sketch 011: Custom Cursor (One Circle)

Lines to Content Layout Animation

Letter Shuffle Animation for a Menu

Expanding Rounded Menu Animation

Sketch 010: Image Motion Trail (Perspective)

Sketch 009: Image Motion Trail (Perspective)

Sketch 008: Image Motion Trail (Circle)

Sketch 007: Image Motion Trail (Rotation)

Sketch 006: Image Motion Trail (Semi-transparent)

Sketch 005: Image Motion Trail (Opaque)

Hover Preview Effect with Mini Map

Sketch 004: Repetition Hover Effect (Filter)

Sketch 003: Repetition Hover Effect (Rotated)

Sketch 002: Repetition Hover Effect (Square)

Sketch 001: Repetition Hover Effect (Round)

Repetition Image Hover Effects

Background Shift Animation with CSS Blend Modes

Alternate Column Scroll Animation

Grid Zoom Layout

Slideshow with Filter Reveal Effect

SVG Overlay and Infinite Menu Background Animation

Repetitive Typography Animation

Kinetic Typography Page Transition

Menu and Thumbnail Stack Animation

Layout with Reveal Animations and Content Preview