How to Create Procedural Clouds Using Three.js Sprites
By Robert Borghesi on
Learn how to simulate a cloud on a Three.js Sprite using React-Three-Fiber.
animation
UI Interactions & Animations Roundup #2
By Mary Lou on
Some selected shots of great UI interactions and animations for your inspiration.
How to Unroll Images with Three.js
By Yuriy Artyukh on
Discover the basic concept behind an unrolling image effect using WebGL.
Playing with Texture Projection in Three.js
By Marco Fugaro on
In this tutorial, you'll learn how to project a texture onto an object in Three.js with some interesting examples.
UI Interactions & Animations Roundup #1
By Mary Lou on
The first roundup that collects inspirational UI interactions and animations.
Motion Paths – Past, Present and Future
By Cassie Evans on
The ability to animate along a motion path is a really useful thing to have in your SVG animation toolkit. Let's explore a few ways to achieve this, including the up
The New Features of GSAP 3
By Christina Gorton on
Learn about all the exciting new features of GSAP 3 in this easy-to-follow overview.
How to Create Motion Hover Effects with Image Distortions using Three.js
By Niccolò Miranda and Clément Roche on
In this tutorial you will learn how to achieve interesting looking hover effects with image distortions using Three.js.
React Slider with Parallax Hover Effects
By Ryan Mulligan on
Walk through the build of a React slider and learn how to implement a parallax hover effect.
Smooth Scrolling Image Effects
By Mary Lou on
A small set of ideas on animating images and other elements while smooth scrolling a page.
How to Add Smooth Scrolling with Inner Image Animations to a Web Page
By Mary Lou on
A tutorial on how to add a smooth scrolling effect to a website and also animate the images that enter the viewport.
Creating Grid-to-Fullscreen Animations with Three.js
By Daniel Velasquez on
Learn how to create thumbnail to fullscreen animations for image grids using Three.js.
How to Create and Animate Rotated Overlays
By Mary Lou on
A tutorial on how to create and animate rotated overlays, or "reveal" elements, for interesting page transition effects.
How to Create a Sticky Image Effect with Three.js
By Daniel Velasquez on
A recreation of the sticky image effect seen on the websites of MakeReign and Ultranoir using three.js.
Crossroads Slideshow
By Mary Lou on
An experimental slideshow with an inclined look, three slide previews and a content view on click.
Exploding 3D Objects with Three.js
By Yuriy Artyukh on
A set of WebGL demos that show an exploding 3D object animation inspired by "Kubrick Life Website: 3D Motion".
Text Trail Effect
By Mary Lou on
A text trail effect for a slideshow inspired by the "Abstract is hiring" Dribbble shot.
Grid Reveal Effects with Anime.js
By Mary Lou on
Some experiments with the new staggering system of Anime.js where we try different effects for hiding and showing thumbnails in an image grid.