Stars
Custom GPT Showcase, featuring advanced workflows and operational logic.
Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.
Physics-based 3D cloth with cannon.js and three.js
A simple infinitely scrollable menu based on the looping scroll illusion of cloned items.
An experimental grid layout slideshow with a stack-like navigation and glitch effect.
A hover effect for a menu where images appear with an animation for each item.
A set of hover effects on menu items with images.
A set of buttons with a magnetic interaction and a hover effect.
A simple slideshow with tilted thumbnails and large titles that animate when navigating.
Scroll animations for image grids using Locomotive Scroll
Infinite Auto-Scrolling Gallery using WebGL and GLSL Shaders.
Some examples of how to animate letters on scroll.
Infinite Circular Gallery using WebGL and GLSL Shaders.
A hover animation for a menu with 3D letters and image effect.
Demo of the tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion effect on hover.
A simple hover effect for images using different SVG filters.
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
A recreation of the marquee menu hover effect seen on the website of K72 made by Locomotive.
Experimental reveal animations on typographic elements
Adding volumetric effects to a built-in Three.js shader.
Repository for a Codrops tutorial about the creation of an image carousel with GSAP and OGL
An animation on a vertical image stack for a menu that expands to arrange the stack items on a horizontal line.
A concept for a kinetic typography based page transition.
A little menu effect with an SVG overlay and an infinite background CSS animation.
A slideshow page layout with a filter enhanced navigation effect on the images.
A background color shift effect using a CSS blend mode and a multi-layer animation.
A hover effect with repeated image layers that get scaled up and down.
An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.