layout

Expanding Grid Item Animation

By Mary Lou on

A grid item animation where the thumbnail scales up when the details view is opened. Based on the Dribbble shot "Surf Project" by Filip Slováček. ...

Mirror Effect

By Mary Lou on

Mirror effect as seen around the Web lately, i.e. on Corentin Fardeau's and Method's website. The idea is to mirror an image and animate it within the context of a s ...

Surf Report Template

By Mary Lou on

A simple template of a weekly surf report with an animated SVG graph and a sliding content panel. The layout is powered by flexbox and viewport units. Highly experim ...

Cubes Advent Calendar

By Mary Lou on

A 3D cubes Advent calendar with fun hover effects and background color animations. Clicking the boxes opens another content level with different element animations. ...

Filterable Product Grid

By Mary Lou on

A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality. ...

Sliding Header Layout

By Mary Lou on

A tutorial on how to create a simple layout with a fullscreen header that slides up to reveal a content area with an image grid. ...

Split Layout

By Mary Lou on

A template for a split layout with two sides. When clicking on a half in the initial view, the layout moves into the respective direction with some transition effect ...

  • Page 1 of 2
  • 1
  • 2
  • >