In Tutorials ,
Oct 4, 2021
by Michelle Barker
Are you looking to get started with 3D on the web? In this tutorial we’ll walk through creating a three-dimensional character using Three.js, adding some simple but effective animation, and a generative color palette.
In Playground ,
Apr 28, 2021
by Manoela Ilic
A rotated 3D like letters hover effect combined with a tilted image for a menu.
In Playground ,
Apr 21, 2021
by Manoela Ilic
A grid layout with a magnetic 3D interaction effect and a content preview animation.
In Playground ,
Feb 3, 2021
by Yuri Artiukh
Some rubber-like 3D shape rotations that are perfect for loading animations.
In Tutorials ,
Feb 11, 2020
by Arno Di Nunzio
Learn how to create a physics-based 3D cloth with Cannon.js and Three.js and use simplex noise to create a wind effect.
In Tutorials ,
Jan 14, 2020
by Daniel Velasquez
A tutorial on an experimental 3D layout technique for HTML elements with endless possibilities.
In Tutorials ,
Jan 7, 2020
by Marco Fugaro
In this tutorial, you’ll learn how to project a texture onto an object in Three.js with some interesting examples.
In Tutorials ,
Dec 10, 2019
by Arno Di Nunzio
Learn the basics of doing physics in WebGL by building a 3D menu with Cannon.js and Three.js as renderer.
In Tutorials ,
Oct 29, 2019
by Jesper Vos
In this tutorial you will learn how to make objects appear glass-like in three steps using Three.js.
In Tutorials ,
Oct 23, 2019
by Arno Di Nunzio
Learn how to create gooey reveal hover effects on images with Three.js using noise within a shader.
In Articles ,
Oct 16, 2019
by Chang Liu
Get insight on how to add 3D to a website using Three.js and make a wavy distortion effect in this case study of Chang Liu’s new portfolio.
In Tutorials ,
Oct 14, 2019
by Kyle Wetton
In this in-depth tutorial you will learn how to create an interactive 3D character that follows the mouse and performs random animations on click.
In Tutorials ,
Oct 1, 2019
by Domenico Bruzzese
Learn how to create a geometrical scene with a depth effect using the Blurry library.
In Tutorials ,
Sep 17, 2019
by Kyle Wetton
Learn how to create a complete color customizer app for a 3D model of a chair using Three.js in this in-depth tutorial.
In Tutorials ,
Apr 12, 2019
by Paul Henschel
Learn how to pull apart SVGs in 3D space with Three.js and React, using abstractions that allow us to break the scene graph into reusable components.
In Tutorials ,
Feb 20, 2019
by Yuri Artiukh
Learn how to create an interactive “fake” 3D effect for images with depth maps and plain WebGL.
In Tutorials ,
Jan 30, 2019
by Ion D. Filho
A tutorial on how to create a 3D building wave animation with three.js and TweenMax.