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.☆88Jan 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
- ☆283Jan 12, 2022Updated 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.
- 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
- 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 2 years ago
- ☆101Oct 30, 2020Updated 5 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.
- 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.☆202Dec 12, 2022Updated 3 years ago
- WebGL and GLSL projects 2022 🌬☆264Jul 11, 2025Updated 10 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☆32Nov 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
- A simple layout switch example where we go from a typography row view with inline images to a large image preview with more content.☆86Apr 5, 2022Updated 4 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
- Managed Database hosting by DigitalOcean • AdPostgreSQL, MySQL, MongoDB, Kafka, Valkey, and OpenSearch available. Automatically scale up storage and focus on building your apps.
- ☆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.☆21Oct 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
- ☆107May 3, 2026Updated 3 weeks ago
- Animating SVG text on a path on scroll using the Intersection Observer API and SVG filters.☆63Jun 5, 2020Updated 5 years ago
- ☆49Oct 11, 2019Updated 6 years ago
- 1-Click AI Models by DigitalOcean Gradient • AdDeploy popular AI models on DigitalOcean Gradient GPU virtual machines with just a single click. Zero configuration with optimized deployments.
- 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☆439Oct 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.☆335Dec 5, 2023Updated 2 years ago
- Simulating depth of field with particles on a shader☆873Sep 23, 2019Updated 6 years ago