CSS Shapes allow us to make interesting and unique layouts by defining geometric shapes, images, and gradients that text content can flow around. Learn how to use th
A set of link hover effects that reveal a thumbnail in different creative ways.
A template with a two-sided, magazine-like layout and a flat page flip animation. The layout is powered by CSS Grid.
A template where one can switch between little image previews that are scattered around the page. The images animate to a grid once an "explore" link is clicked.
A fullscreen loop effect that shows a fast preview of images when hovering a special menu item.
A simple grid-powered multibox menu where the boxes get shown with a reveal animation coming from different directions.
A Masonry-powered grid layout with a motion hover effect on the grid items and a scrollable content view.
Libre is a responsive single page app template that was designed for developers who want to create collection management-like projects.
A slideshow with a "diagonal" look and three visible slides. A decorative background element expands to fullscreen when opening the content preview.
A details menu with boxes that slide out in an irregular grid. The grid items get revealed individually with delays from the top right corner of the page.
A simple image slideshow with a motion reveal effect when navigating between slides and a fullscreen details view.
A fullscreen image slideshow with lateral image previews and a reveal animation using TweenMax.
A simple fullscreen image reveal effect where thumbnails slide out of the viewport to reveal a larger image.
A recreation of the collapsing logo effect seen on PracticalVR. The idea is to have an initial view that animates to a logo in the top left corner of the page.
A retro-style grid layout with a playful motion hover effect on the grid items. When clicking on a grid item, a content preview opens.
We're exploring a progressive hover effect which triggers not just when we are hovering an element but progressively, when we come close to it.
A little library that can be used for bursting particles effects. The idea is to disintegrate an element into particles and make it disappear (or vice versa).
A responsive Jekyll template designed for developers who want to set up a small landing page for their mobile applications.