Demos Hub

Our curated collection of 500+ free demos, prototypes, animations, templates, layouts, UI styles, and experimental design concepts. Download and use freely under MIT.

3d hover motion-trail repetition stack

Sketch 010: Image Motion Trail (Perspective)

3 years ago by Manoela Ilic

Demos Hub

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

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)

Creating a Risograph Grain Light Effect in Three.js

Creating Native Web Components

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

Pixel Distortion Effect with Three.js

Crafting Scroll Based Animations in Three.js

Alternate Column Scroll Animation

Grid Zoom Layout

Slideshow with Filter Reveal Effect

SVG Overlay and Infinite Menu Background Animation

Creating the Effect of Transparent Glass and Plastic in Three.js

Repetitive Typography Animation

Kinetic Typography Page Transition

Menu and Thumbnail Stack Animation

Surface Sampling in Three.js

Create an Abstract Image Slideshow with OGL, GLSL, and GSAP

Superhero Animation Effect with SVG Filters

Magical Marbles in Three.js

Layout with Reveal Animations and Content Preview

Creating a Typography Motion Trail Effect with Three.js

Rock the Stage with a Smooth WebGL Shader Transformation on Scroll

How to Code the K72 Marquee Hover Animation

Inline to Menu Link Animation

All demo authors