Learn how to make a wave motion effect on an image with Three.js.
☆201Dec 12, 2022Updated 3 years ago
Alternatives and similar repositories for codrops-wave-motion
Users that are interested in codrops-wave-motion are comparing it to the libraries listed below
Sorting:
- Demos for the tutorial on how to achieve an interactive mouseover/hover effect☆388May 18, 2023Updated 2 years ago
- Kinetic typography demos for Codrops article☆179Dec 12, 2022Updated 3 years ago
- Gooey Hover Effects on Images with Three.js☆436Oct 23, 2019Updated 6 years ago
- Some ideas for interactive custom cursor animations using SVG filters.☆159Mar 14, 2021Updated 4 years ago
- A set of buttons with a magnetic interaction and a hover effect.☆481Feb 24, 2021Updated 5 years ago
- ☆101Oct 30, 2020Updated 5 years ago
- ☆278Jan 12, 2022Updated 4 years ago
- ☆96Oct 7, 2020Updated 5 years ago
- Scroll, Refraction and Shader Effects in Three.js and React☆423Jun 7, 2020Updated 5 years ago
- Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.☆121Mar 11, 2020Updated 5 years ago
- An inline menu layout with a playful hover animation and a gallery content preview panel.☆68Nov 11, 2020Updated 5 years ago
- ☆484Nov 5, 2019Updated 6 years ago
- A slideshow page layout with a filter enhanced navigation effect on the images.☆58Nov 17, 2021Updated 4 years ago
- ☆132Jan 27, 2022Updated 4 years ago
- Infinite Auto-Scrolling Gallery using WebGL and GLSL Shaders.☆197Jan 18, 2021Updated 5 years ago
- ☆36Nov 26, 2022Updated 3 years ago
- This is a demo for the Codrops article on how to build a responsive and accessible layout.☆27Feb 5, 2020Updated 6 years ago
- A tutorial on how to create a 3D building wave animation with three.js and TweenMax☆93Aug 6, 2025Updated 6 months ago
- UI animation experimentation based on a design by Hrvoje Grubisic.☆11Nov 23, 2020Updated 5 years ago
- Animating SVG text on a path on scroll using the Intersection Observer API and SVG filters.☆61Jun 5, 2020Updated 5 years ago
- A hover effect for a menu where images appear with an animation for each item.☆171Mar 5, 2023Updated 2 years ago
- A gooey text hover effect using SVG filters☆151Aug 6, 2024Updated last year
- ☆87Jun 13, 2023Updated 2 years ago
- A layout with a menu and background image grid that animates to an inner content page.☆86Nov 11, 2020Updated 5 years ago
- ☆134Jun 6, 2022Updated 3 years ago
- Demo of a tutorial on how to add smooth page scrolling with an inner image animation☆290Sep 13, 2019Updated 6 years ago
- A rapid layers animation of images as a splash intro or page transition on a website.☆83Apr 7, 2020Updated 5 years ago
- Creating mirrors in react-three-fiber & threejs☆143Mar 5, 2023Updated 2 years ago
- A set of hover effects on menu items with images.☆117Jul 8, 2020Updated 5 years ago
- curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.☆1,797Apr 3, 2025Updated 11 months ago
- Smooth WebGL Shader Transformations on Scroll☆157Oct 8, 2022Updated 3 years ago
- generative piet mondrian style art using CSS grid☆34Jan 7, 2023Updated 3 years ago
- How to use physics with Cannon.js and Three.js☆128Dec 10, 2019Updated 6 years ago
- Learn how to simulate a cloud on a Threejs' Sprite using React-Three-Fiber☆120Dec 13, 2022Updated 3 years ago
- A grid layout with a magnetic hover effect and a content preview animation.☆172Sep 29, 2022Updated 3 years ago
- ☆27Dec 6, 2022Updated 3 years ago
- Some ideas for CSS-only button hover styles and animations☆289Feb 20, 2023Updated 3 years ago
- Some ideas for horizontal smooth scroll layouts and animations using Locomotive Scroll☆161Dec 9, 2020Updated 5 years ago
- ☆46Apr 22, 2021Updated 4 years ago