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. We may earn a commission when you buy through links labeled 'Ad' on this page.
Sorting:
- Demos for the tutorial on how to achieve an interactive mouseover/hover effect☆390May 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☆435Oct 23, 2019Updated 6 years ago
- A set of buttons with a magnetic interaction and a hover effect.☆482Feb 24, 2021Updated 5 years ago
- Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.☆121Mar 11, 2020Updated 6 years ago
- ☆101Oct 30, 2020Updated 5 years ago
- Scroll, Refraction and Shader Effects in Three.js and React☆423Jun 7, 2020Updated 5 years ago
- ☆282Jan 12, 2022Updated 4 years ago
- Some ideas for interactive custom cursor animations using SVG filters.☆159Mar 14, 2021Updated 5 years ago
- Infinite Auto-Scrolling Gallery using WebGL and GLSL Shaders.☆198Jan 18, 2021Updated 5 years ago
- ☆486Nov 5, 2019Updated 6 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
- ☆96Oct 7, 2020Updated 5 years ago
- UI animation experimentation based on a design by Hrvoje Grubisic.☆11Nov 23, 2020Updated 5 years ago
- A hover effect for a menu where images appear with an animation for each item.☆171Mar 5, 2023Updated 3 years ago
- ☆133Jan 27, 2022Updated 4 years ago
- A slideshow page layout with a filter enhanced navigation effect on the images.☆58Nov 17, 2021Updated 4 years ago
- ☆134Jun 6, 2022Updated 3 years ago
- Smooth WebGL Shader Transformations on Scroll☆158Oct 8, 2022Updated 3 years ago
- ☆37Nov 26, 2022Updated 3 years ago
- An inline menu layout with a playful hover animation and a gallery content preview panel.☆68Nov 11, 2020Updated 5 years ago
- A set of hover effects on menu items with images.☆117Jul 8, 2020Updated 5 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 motion hover effect for a background grid of images.☆151Aug 23, 2021Updated 4 years ago
- Template to make a full screen shader on the web.☆11Jul 15, 2021Updated 4 years ago
- A layout with a menu and background image grid that animates to an inner content page.☆86Nov 11, 2020Updated 5 years ago
- Demos for the tutorial on how to deform and color spheres in Three.js.☆86Jan 25, 2021Updated 5 years ago
- ☆87Jun 13, 2023Updated 2 years ago
- Creating mirrors in react-three-fiber & threejs☆143Mar 5, 2023Updated 3 years ago
- A little grid interaction effect where adjoining items make way to a selected one that expands.☆115Jul 13, 2022Updated 3 years ago
- Repository for a Codrops tutorial about the creation of an image carousel with GSAP and OGL☆33Nov 26, 2022Updated 3 years ago
- curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.☆1,807Apr 3, 2025Updated 11 months ago
- Some ideas for decorative link distortion effects using SVG filters.☆141Mar 13, 2020Updated 6 years ago
- A cool slider built using threejs & shaders☆39Oct 5, 2020Updated 5 years ago
- A gooey text hover effect using SVG filters☆152Aug 6, 2024Updated last year
- ☆27Dec 6, 2022Updated 3 years ago
- A rapid layers animation of images as a splash intro or page transition on a website.☆83Apr 7, 2020Updated 5 years ago
- Some menu styles and ideas for decorative link distortion effects using SVG filters.☆86Mar 18, 2020Updated 6 years ago
- Some ideas for horizontal smooth scroll layouts and animations using Locomotive Scroll☆161Dec 9, 2020Updated 5 years ago