A Collection of Page Transitions
A showcase collection of various page transition effects using CSS animations.
+ morePlayground
The Playground features web experiments, concepts, and layouts that push the boundaries of traditional design and showcase the latest in animation techniques.
Text Opening Sequence with CSS Animations
by Manoela Ilic
A simple and fun text opening sequence effect with blurry letters using CSS animations.
+ more
Fullscreen Layout with Page Transitions
by Manoela Ilic
A simple responsive layout with some fancy page transitions. The idea is to show four items initially and expand them. Some additional page transitions are added for inner items.
+ more
Responsive Multi-Level Menu
by Manoela Ilic
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.
+ more
Flipping Circle Slideshow
by Manoela Ilic
A simple circular slideshow where we flip the image in order to navigate.
+ more
3D Image Gallery Room
by Manoela Ilic
An experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls.
+ more
3D Book Showcase
by Manoela Ilic
An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms.
+ more
Slider Pagination Concept
by Manoela Ilic
An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.
+ more
Sticky Captions Concept
by Manoela Ilic
A little trick on how to make captions of thumbnails or items “sticky” in order to stay visible in the window or viewport.
+ more
Responsive & Touch-Friendly Audio Player
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.
+ more
StackSlider: A Fun 3D Image Slider
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.
+ more
Simple Effects for Drop-Down Lists
by Manoela Ilic
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.
+ more
Calendario: A Flexible Calendar Plugin
by Manoela Ilic
A jQuery calendar plugin for creating flexible calendars.
+ more
Adaptive Thumbnail Pile Effect with Automatic Grouping
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 will be spread into a grid using CSS transitions.
+ more
Baraja: A Plugin for Spreading Items in a Card-Like Fashion
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, allowing a unique pattern.
+ more
Gamma Gallery: A Responsive Image Gallery Experiment
by Manoela Ilic
Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account.
+ more
PFold: Paper-Like Unfolding Effect
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.
+ more
Windy: A Plugin for Swift Content Navigation
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.
+ more