HexaFlip: A Flexible 3D Cube Plugin
By Dan Motzenbecker 44 Comments
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 rega ... read more
By Dan Motzenbecker 44 Comments
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 rega ... read more
A simple circular slideshow where we flip the image in order to navigate. ... read more
By Osvaldas Valutis 53 Comments
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used. ... read more
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 view ... read more
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects. ... read more
A jQuery calendar plugin for creating flexible calendars. ... read more
An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnails that belong to that pile w ... read more
With this jQuery plugin items can be spread in a card-like fashion and displayed in an unusual way. Several parameters allow many different spreading results, allowi ... read more
Elastislide, the responsive image carousel, has been updated and improved. It can be used vertically or horizontally and a minimun number of visible images can be sp ... read more
Slicebox, the jQuery 3D image slider plugin, has been updated. We've done some major improvements and added new features. ... read more
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. ... read more
A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages. ... read more
A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorati ... read more
A tutorial about how to create a swatch book like component that let's you open and rotate the single swatches revealing some details. We will be using CSS transform ... read more
Today we want to share one possible solution to the circle hovering problem. We'll create a plugin that will take care of the 'mouseenter', 'mouseleave' and 'click' ... read more
Sometimes it can be very useful to hide the scrollbar of elements in a website and only show it when the user really needs it. The real-time activity feed in Faceboo ... read more
Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defi ... read more
jCookies, a jQuery plugin, makes getting and settings HTTP Cookies a breeze. jCookies allows the storage of any type of data: strings, arrays, objects, etc. A while ... read more
Today we want to share a little zoom tour script with you. Showing a main image initially, we want to be able to zoom into certain parts of the image by clicking on ... read more
By Marcin Dziewulski 53 Comments
Today we want to create a portfolio image navigation template with jQuery. The idea is to show some portfolio items in a grouped fashion and navigate through them in ... read more
Timeglider is a zooming, panning data-driven timeline — great for history projects, project planning, and much more. This Javascript/jQuery plugin is completely fr ... read more
diagonalFade is a jQuery plugin allowing you to easily specify direction, fade-in, fade-out, and a host of other options to a grouping of elements. All you have to d ... read more
“A while back I did a project that required a horizontal accordion. I eventually found a plugin, but really wasn’t happy with the results. The setup was ... read more
A nice jQuery Plugin that uses several images to create the illusion of a 3D scenario using the parallax effect. Example of use: $ ( function () { $ ( '# Mindscape' ... read more