By Paul Henschel on
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. ...
By Yuriy Artyukh on
Learn how to create an interactive "fake" 3D effect for images with depth maps and plain WebGL. ...
By Ion D. Filho on
A tutorial on how to create a 3D building wave animation with three.js and TweenMax. ...
By Bruno Imbrizi on
A tutorial on how to draw a large number of particles with Three.js and make them interactive. ...
By Jérémie Boulay on
A set of five demos with animated WebGL lines created with the THREE.MeshLine library. Find out how to animate and build these lines to create your own animations. ...
By Jack Rugile on
An inspirational set of demos that explores particle animations in 3D space with three.js. This type of animations could be very suitable for page loaders. ...
By Mary Lou on
A highly experimental 3D room layout for a gallery that aims to show exhibition details in an interesting way. ...
By Mary Lou on
A 3D cubes Advent calendar with fun hover effects and background color animations. Clicking the boxes opens another content level with different element animations. ...
By Mary Lou on
Some experimental isometric and 3D grids. The idea is to use isometric/3D grids as decorative elements or with some interaction. ...
By Mary Lou on
An interactive 3D mall map concept with a sidebar search and pin indicators for every level. ...
By Mary Lou on
An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room. ...
By Mary Lou on
An experimental interactive room slideshow based on the prototype concept by Bilal Mechairia's Dribbble shot "Spaces". ...
By Rafael González on
A tutorial on how to create some interesting 3D progress bars with CSS/Sass. Discover how to use box shadows and gradients to create realistic looking skins. ...
By Mary Lou on
A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth ef ...
By Mary Lou on
An animated perspective mockup slideshow with 3D transforms based on the computations made with the help of Franklin Ta's script. ...
By Mary Lou on
An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed. ...
By Mary Lou on
A proof-of-concept effect recreation of the animation seen in a prototype app by Marcus Eckert. The idea is to flip a grid item in 3D, expand it to fullscreen and re ...
By Mary Lou on
A tutorial on how to recreate the slideshow seen on the FWA landing page with 3D effects involving random animations. ...
By Mary Lou on
A "look inside" book preview with BookBlock. A concept for book showcases or online book stores that shows a grid of books with the options to view the details and t ...
By Mary Lou on
Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items. This navigation idea is seen in mob ...
By Mary Lou on
A set of flat and 3D progress button styles where the button itself serves as a progress indicator. 3D styles are used for showing the progress indication on one sid ...
By Diego Pardo on
A tutorial on how to create an interesting animated 3D opening type effect with pseudo-elements, CSS transforms and transitions. The idea is based on Edenspiekermann ...
By Mary Lou on
Some inspiration for transition effects for off-canvas navigations. ...
By Nick Pettit on
A tutorial about a technique that uses box shadows for creating a realistic shading effect on simple objects. ...