Smooth WebGL Shader Transformations on Scroll
☆158Oct 8, 2022Updated 3 years ago
Alternatives and similar repositories for shaders-on-scroll
Users that are interested in shaders-on-scroll are comparing it to the libraries listed below. We may earn a commission when you buy through links labeled 'Ad' on this page.
Sorting:
- using WebGL framebuffers via three.js for advanced graphical effects☆51Jul 21, 2021Updated 4 years ago
- Demos for the tutorial on how to deform and color spheres in Three.js.☆86Jan 25, 2021Updated 5 years ago
- A slideshow page layout with a filter enhanced navigation effect on the images.☆58Nov 17, 2021Updated 4 years ago
- A recreation of the marquee menu hover effect seen on the website of K72 made by Locomotive.☆85Jun 30, 2021Updated 4 years ago
- ☆282Jan 12, 2022Updated 4 years ago
- An animation on a vertical image stack for a menu that expands to arrange the stack items on a horizontal line.☆50Sep 22, 2021Updated 4 years ago
- ☆114Oct 16, 2021Updated 4 years ago
- ☆55Feb 4, 2021Updated 5 years ago
- Adding volumetric effects to a built-in Three.js shader.☆97Aug 4, 2021Updated 4 years ago
- A little menu effect with an SVG overlay and an infinite background CSS animation.☆94Nov 2, 2021Updated 4 years ago
- 📉 github contribution visualization in 3D☆12Jan 5, 2026Updated 2 months ago
- Infinite Auto-Scrolling Gallery using WebGL and GLSL Shaders.☆198Jan 18, 2021Updated 5 years ago
- Creating mirrors in react-three-fiber & threejs☆143Mar 5, 2023Updated 3 years ago
- Get started with pixi.js to render 3d Web Experience, Infinite draggable canvas with multiple images. Made by IVIIXIO / Mohnish Landge☆22May 7, 2024Updated last year
- ☆101Oct 30, 2020Updated 5 years ago
- A concept for a kinetic typography based page transition.☆118May 30, 2025Updated 9 months ago
- Learn how to make a wave motion effect on an image with Three.js.☆201Dec 12, 2022Updated 3 years ago
- WebGL and GLSL projects 2022 🌬☆264Jul 11, 2025Updated 8 months ago
- Scroll animations for image grids using Locomotive Scroll☆227Oct 14, 2020Updated 5 years ago
- Repository for a Codrops tutorial about the creation of an image carousel with GSAP and OGL☆33Nov 26, 2022Updated 3 years ago
- Personal website that features a range of interactive projects , that I've been working on 🌌 . Main technologies used are THREE.JS and 2…☆312Aug 22, 2022Updated 3 years ago
- A simple layout switch example where we go from a typography row view with inline images to a large image preview with more content.☆85Apr 5, 2022Updated 3 years ago
- An experimental inline-to-menu-link animation based on a concept by Matthew Hall.☆52Jun 23, 2021Updated 4 years ago
- Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic animation with react-three-fiber.☆129Aug 5, 2021Updated 4 years ago
- ☆133Jan 27, 2022Updated 4 years ago
- Experimental reveal animations on typographic elements☆110Oct 6, 2021Updated 4 years ago
- Apply Lenis to any website through this chrome extension.☆22Oct 9, 2024Updated last year
- A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.☆112Aug 3, 2022Updated 3 years ago
- A hover animation for a menu with 3D letters and image effect.☆81Aug 21, 2021Updated 4 years ago
- Some menu styles and ideas for decorative link distortion effects using SVG filters.☆86Mar 18, 2020Updated 6 years ago
- ☆111Aug 30, 2022Updated 3 years ago
- Animating SVG text on a path on scroll using the Intersection Observer API and SVG filters.☆61Jun 5, 2020Updated 5 years ago
- ☆49Oct 11, 2019Updated 6 years ago
- Demo of the tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion effect on hover.☆46May 26, 2021Updated 4 years ago
- Codrops Demo for BatchedMesh and Post-processing use with WebGPURenderer☆37Oct 30, 2024Updated last year
- Recreation of Thibaud Allie's letter stagger animation.☆84Nov 11, 2020Updated 5 years ago
- Gooey Hover Effects on Images with Three.js☆435Oct 23, 2019Updated 6 years ago
- Kinetic typography demos for Codrops article☆179Dec 12, 2022Updated 3 years ago
- Inspiration and ideas for on-scroll typography animations that add an extra layer of creativity to a website design.☆335Dec 5, 2023Updated 2 years ago