3d

Animated Mesh Lines

By Jérémie Boulay on

MeshLines_Featured

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. ...

3D Particle Explorations

By Jack Rugile on

3dparticleexplorations

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. ...

Cubes Advent Calendar

By Mary Lou on

cubesadventcalendar_featured

A 3D cubes Advent calendar with fun hover effects and background color animations. Clicking the boxes opens another content level with different element animations. ...

Isometric and 3D Grids

By Mary Lou on

IsometricGrids_Featured

Some experimental isometric and 3D grids. The idea is to use isometric/3D grids as decorative elements or with some interaction. ...

Interactive Room Display

By Mary Lou on

RoomDisplay_feat

An experimental interactive room slideshow based on the prototype concept by Bilal Mechairia's Dribbble shot "Spaces". ...

Image Tilt Effect

By Mary Lou on

ImageTiltEffect

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 ...

Perspective Mockup Slideshow

By Mary Lou on

MockupSlideshow

An animated perspective mockup slideshow with 3D transforms based on the computations made with the help of Franklin Ta's script. ...

Draggable Dual-View Slideshow

By Mary Lou on

DRaggableDualViewSlideshow

An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed. ...

3D Grid Effect

By Mary Lou on

3dgrideffect

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 ...

Tilted Content Slideshow

By Mary Lou on

TiltedContentSlideshow

A tutorial on how to recreate the slideshow seen on the FWA landing page with 3D effects involving random animations. ...

Perspective Page View Navigation

By Mary Lou on

PerspectiveNavigation

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 ...

Progress Button Styles

By Mary Lou on

ProgressButtonStyles

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 ...

Animated Opening Type

By Diego Pardo on

OpeningType

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 ...