Product Grid Layout
In Blueprints, by Manoela Ilic
A responsive product grid layout with some UI details for inspiration.
3d
A Collection of Page Transitions
In Playground, by Manoela Ilic
A showcase collection of various page transition effects using CSS animations.
App Showcase with Grid Overlay
In Tutorials, by Manoela Ilic
A tutorial about creating a simple grid overlay with subtle transitions for an app showcase.
HexaFlip: A Flexible 3D Cube Plugin
In Tutorials, by Dan Motzenbecker
HexaFlip is a JavaScript UI plugin that let’s you use 3D cubes as interface elements. Dive into the process of creating the plugin and learn some best practices regarding flexible UI plugins.
Image Techniques for Creating Depth in Web Design
In Articles, by Carrie Cousins
Creative manipulation of images, from layering to composition to special effects, can add depth to web projects.
Flipping Circle Slideshow
In Playground, by Manoela Ilic
A simple circular slideshow where we flip the image in order to navigate.
3D Image Gallery Room
In Playground, by Manoela Ilic
An experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls.
3D Book Showcase
In Playground, by Manoela Ilic
An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms.
Fullscreen Pageflip Layout
In Tutorials, by Manoela Ilic
A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.
StackSlider: A Fun 3D Image Slider
In Playground, by Manoela Ilic
An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing.
Simple Effects for Drop-Down Lists
In Playground, by Manoela Ilic
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.
Responsive CSS Timeline with 3D Effect
In Tutorials, by Manoela Ilic
A tutorial about how to create an experimental CSS-only timeline with a 3D effect. The idea is to expand a content area when the associated radio input is selected.
Slicebox Revised
In Articles, by Manoela Ilic
Slicebox, the jQuery 3D image slider plugin, has been updated. We’ve done some major improvements and added new features.
PFold: Paper-Like Unfolding Effect
In Playground, by Manoela Ilic
A highly experimental jQuery plugin that let’s you unfold elements to reveal more content just like on a piece of paper. Unfolding directions and number of steps can be specified.
Windy: A Plugin for Swift Content Navigation
In Playground, by Manoela Ilic
This jQuery plugin can be used to swiftly navigate content items. The effect will make the items fly away like a deck of cards caught in a tiny storm.
3D Restaurant Menu Concept
In Tutorials, by Manoela Ilic
A responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items.
BookBlock: A Content Flip Plugin
In Playground, by Manoela Ilic
A jQuery plugin that will create a booklet-like component that let’s you navigate through its items by flipping the pages.
Unfolding 3D Thumbnails Concept
In Playground, by Manoela Ilic
A 3D thumbnail view concept for image slideshows: the current image gets opened up and a thumbnail view unfolds in 3d.
