Smooth WebGL Shader Transformations on Scroll
☆162Oct 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.☆87Jan 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.☆86Jun 30, 2021Updated 4 years ago
- ☆283Jan 12, 2022Updated 4 years ago
- Deploy on Railway without the complexity - Free Credits Offer • AdConnect your repo and Railway handles the rest with instant previews. Quickly provision container image services, databases, and storage volumes.
- 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
- ☆115Oct 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.☆95Nov 2, 2021Updated 4 years ago
- 📉 github contribution visualization in 3D☆12Jan 5, 2026Updated 4 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
- Managed hosting for WordPress and PHP on Cloudways • AdManaged hosting for WordPress, Magento, Laravel, or PHP apps, on multiple cloud providers. Deploy in minutes on Cloudways by DigitalOcean.
- ☆101Oct 30, 2020Updated 5 years ago
- A concept for a kinetic typography based page transition.☆120May 30, 2025Updated 11 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 9 months ago
- Scroll animations for image grids using Locomotive Scroll☆228Oct 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…☆311Aug 22, 2022Updated 3 years ago
- An experimental inline-to-menu-link animation based on a concept by Matthew Hall.☆51Jun 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
- Deploy open-source AI quickly and easily - Special Bonus Offer • AdRunpod Hub is built for open source. One-click deployment and autoscaling endpoints without provisioning your own infrastructure.
- ☆133Jan 27, 2022Updated 4 years ago
- Experimental reveal animations on typographic elements☆111Oct 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.☆110Aug 3, 2022Updated 3 years ago
- Some menu styles and ideas for decorative link distortion effects using SVG filters.☆86Mar 18, 2020Updated 6 years ago
- A hover animation for a menu with 3D letters and image effect.☆82Aug 21, 2021Updated 4 years ago
- ☆107Aug 30, 2022Updated 3 years ago
- Animating SVG text on a path on scroll using the Intersection Observer API and SVG filters.☆62Jun 5, 2020Updated 5 years ago
- ☆49Oct 11, 2019Updated 6 years ago
- Wordpress hosting with auto-scaling - Free Trial Offer • AdFully Managed hosting for WordPress and WooCommerce businesses that need reliable, auto-scalable performance. Cloudways SafeUpdates now available.
- Demo of the tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion effect on hover.☆47May 26, 2021Updated 4 years ago
- Codrops Demo for BatchedMesh and Post-processing use with WebGPURenderer☆36Oct 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☆437Oct 23, 2019Updated 6 years ago
- Kinetic typography demos for Codrops article☆178Dec 12, 2022Updated 3 years ago
- Inspiration and ideas for on-scroll typography animations that add an extra layer of creativity to a website design.☆336Dec 5, 2023Updated 2 years ago
- Simulating depth of field with particles on a shader☆874Sep 23, 2019Updated 6 years ago