Isometric and 3D Grids
by Manoela Ilic
Some experimental isometric and 3D grids. The idea is to use isometric/3D grids as decorative elements or with some interaction.
+ more#3d
The Making of “The Aviator”: Animating a Basic 3D Scene with Three.js
A tutorial that explores the basics of creating animated 3D scenes using Three.js.
+ more
Interactive 3D Mall Map
by Manoela Ilic
An interactive 3D mall map concept with a sidebar search and pin indicators for every level.
+ more
Cinema Seat Preview Experiment
by Manoela Ilic
An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.
+ more
Interactive Room Display
by Manoela Ilic
An experimental interactive room slideshow based on the prototype concept by Bilal Mechairia's Dribbble shot "Spaces".
+ more
Shaded Progress Bars: A CSS/Sass Exercise
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.
+ more
Playful Interaction for Draggable Elements
by Manoela Ilic
A little playful interaction idea where we add some bounciness to a draggable element and animate it depending on its position.
+ more
Image Tilt Effect
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 ef
+ more
Perspective Mockup Slideshow
by Manoela Ilic
An animated perspective mockup slideshow with 3D transforms based on the computations made with the help of Franklin Ta's script.
+ more
Draggable Dual-View Slideshow
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.
+ more
3D Grid Effect
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 re
+ more
Tilted Content Slideshow
by Manoela Ilic
A tutorial on how to recreate the slideshow seen on the FWA landing page with 3D effects involving random animations.
+ more
Scattered Polaroids Gallery
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 Pol
+ more
“Look Inside” Book Preview with BookBlock
by Manoela Ilic
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
+ more
Perspective Page View Navigation
by Manoela Ilic
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
+ more
Progress Button Styles
by Manoela Ilic
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
+ more
Animated Opening Type
by Diego Pardo
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
+ more
Animations for Thumbnail Grids
by Manoela Ilic
There are many parts of a website where we can apply nice transitions to make things more interesting. Images are certainly great entities for playing with fancy eff
+ more