Interactive Particles with Three.js
In Tutorials, by Bruno Imbrizi
A tutorial on how to draw a large number of particles with Three.js and make them interactive.
In Tutorials, by Bruno Imbrizi
A tutorial on how to draw a large number of particles with Three.js and make them interactive.
In Playground, by Jérémie Boulay
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.
In Playground, by Jack Rugile
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.
In Playground, by Manoela Ilic
A highly experimental 3D room layout for a gallery that aims to show exhibition details in an interesting way.
In Playground, by Manoela Ilic
A 3D cubes Advent calendar with fun hover effects and background color animations. Clicking the boxes opens another content level with different element animations.
In Playground, by Manoela Ilic
Some experimental isometric and 3D grids. The idea is to use isometric/3D grids as decorative elements or with some interaction.
In Tutorials, by Karim Maaloul
A tutorial that explores the basics of creating animated 3D scenes using Three.js.
In Playground, by Manoela Ilic
An interactive 3D mall map concept with a sidebar search and pin indicators for every level.
In Playground, by Manoela Ilic
An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.
In Playground, by Manoela Ilic
An experimental interactive room slideshow based on the prototype concept by Bilal Mechairia’s Dribbble shot “Spaces”.
In Tutorials, by Rafael González
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.
In Playground, by Manoela Ilic
A little playful interaction idea where we add some bounciness to a draggable element and animate it depending on its position.
In Playground, by Manoela Ilic
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 effect.
In Playground, by Manoela Ilic
An animated perspective mockup slideshow with 3D transforms based on the computations made with the help of Franklin Ta’s script.
In Playground, by Manoela Ilic
An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.
In Playground, by Manoela Ilic
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 reveal some associated content. We’ve created two demos with a vertical and a horizontal rotation.
In Tutorials, by Manoela Ilic
A tutorial on how to recreate the slideshow seen on the FWA landing page with 3D effects involving random animations.
In Playground, by Manoela Ilic
A flat-style Polaroid gallery where the items are scattered randomly in a container. When a specific item is selected, it will move to the middle while the other Polaroids will make space for it by moving to the sides. Optionally, an item can have a backface which will be shown by flipping the Polaroid when clicking on the current navigation dot again.