Smooth WebGL Shader Transformations on Scroll
☆165Oct 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.☆90Jan 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 5 years ago
- ☆286Jan 12, 2022Updated 4 years ago
- Deploy to Railway using AI coding agents - Free Credits Offer • AdUse Claude Code, Codex, OpenCode, and more. Autonomous software development now has the infrastructure to match with Railway.
- 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
- ☆116Oct 16, 2021Updated 4 years ago
- ☆55Feb 4, 2021Updated 5 years ago
- A little menu effect with an SVG overlay and an infinite background CSS animation.☆96Nov 2, 2021Updated 4 years ago
- 📉 github contribution visualization in 3D☆12Jan 5, 2026Updated 6 months ago
- Infinite Auto-Scrolling Gallery using WebGL and GLSL Shaders.☆202Jan 18, 2021Updated 5 years ago
- Creating mirrors in react-three-fiber & threejs☆144Mar 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☆23May 7, 2024Updated 2 years ago
- ☆101Oct 30, 2020Updated 5 years ago
- Managed Database hosting by DigitalOcean • AdPostgreSQL, MySQL, MongoDB, Kafka, Valkey, and OpenSearch available. Automatically scale up storage and focus on building your apps.
- A concept for a kinetic typography based page transition.☆123May 30, 2025Updated last year
- Learn how to make a wave motion effect on an image with Three.js.☆203Dec 12, 2022Updated 3 years ago
- WebGL and GLSL projects 2022 🌬☆265Jul 11, 2025Updated 11 months ago
- Scroll animations for image grids using Locomotive Scroll☆229Oct 14, 2020Updated 5 years ago
- Repository for a Codrops tutorial about the creation of an image carousel with GSAP and OGL☆34Nov 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…☆313Aug 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 4 years ago
- An experimental inline-to-menu-link animation based on a concept by Matthew Hall.☆51Jun 23, 2021Updated 5 years ago
- Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic animation with react-three-fiber.☆130Aug 5, 2021Updated 4 years ago
- Virtual machines for every use case on DigitalOcean • AdGet dependable uptime with 99.99% SLA, simple security tools, and predictable monthly pricing with DigitalOcean's virtual machines, called Droplets.
- ☆133Jan 27, 2022Updated 4 years ago
- Experimental reveal animations on typographic elements☆112Oct 6, 2021Updated 4 years ago
- Apply Lenis to any website through this chrome extension.☆21Jun 4, 2026Updated last month
- A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.☆112Aug 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
- ☆108May 3, 2026Updated 2 months ago
- Animating SVG text on a path on scroll using the Intersection Observer API and SVG filters.☆63Jun 5, 2020Updated 6 years ago
- ☆49Oct 11, 2019Updated 6 years ago
- Managed Database hosting by DigitalOcean • AdPostgreSQL, MySQL, MongoDB, Kafka, Valkey, and OpenSearch available. Automatically scale up storage and focus on building your apps.
- Demo of the tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion effect on hover.☆47May 26, 2021Updated 5 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☆440Oct 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.☆338Dec 5, 2023Updated 2 years ago
- Simulating depth of field with particles on a shader☆875Sep 23, 2019Updated 6 years ago