Home > Code stuff > JS effects & plugins > Grid item animation layout

Grid item animation layout

Code

A responsive, magazine-like website layout with a grid item animation effect that happens when opening the content. Provided by Codrops.

View demo View tutorial

Posted on April 16, 2015 in JS effects & plugins, HTML Website templates, Code stuff, Miscellanea and tagged javascript, templates. This post has been viewed 22815 times.

Twitter
Facebook
Google
Pinterest

Ready to use Graphic Assets

Related Freebies

Surfers Co. is a free one page template designed by Luis Costa. It comes in PSD format and it’s build on 1170px Bootstrap grid system.

March 20, 2017

Surfers Co. – A Bootstrap-ready PSD template

PSD

Docsify is a lightweight documentation generator that loads and parses your markdown files and displays them as website.

March 16, 2017

Docsify: A magical documentation generator

Code

Snow is a free website template designed and released by Svetlana S. that you can use for creating minimal and clean portfolios.

February 18, 2017February 18, 2017

Snow: Free PSD + HTML portfolio template

PSD Code

Bodo is a free HTML template designed and coded by Muhamad Reza Adityawarman that you can use for getting started with a personal / portfolio website.

February 7, 2017February 12, 2017

Bodo: A free HTML Personal / Portfolio template

Exclusive

Code

You should try this

Complete design freedom to make it 100% yours.

Hemma: A WordPress theme for Holiday Houses

Recent Freebies

A minimal Apple iPhone 7 mockup for Sketch in two colours, White and Jet Black. Designed and released by Rifayet Uday.

July 26, 2017

White & Jet Black iPhone 7: Free Sketch mockups

Sketch

OAK is a free HTML portfolio template ideal for designers, photographers and any kind of creative people who need a website for showcasing their own works.

July 22, 2017

OAK: A free HTML template for creative portfolios

Exclusive

Code

Brisk Pro is a free sans serif font ideal for headlines and logotypes characterised by geometric shapes and rounded edges.

July 17, 2017

Brisk Pro: Free font

Font

$fractures: An atomic CSS toolkit for building websites$

fractures is a CSS toolkit providing a set of CSS utility classes that may be used for quick prototyping as well as for production.

July 11, 2017

fractures: An atomic CSS toolkit for building websites

Code

Agata Bielen is a fashion magazine template designed by Adrián Somoza. It is a PSD file made of 3 screens based on a Golden Ratio grid.

July 7, 2017

Agata Bielen: Free PSD magazine template

PSD

t-scroll is a reveal-on-scroll JavaScript library for creating custom element animations when scrolling a web page, is built in pure JavaScript and Sass.

July 2, 2017

t-scroll: A modern reveal-on-scroll JS library

Code

Share this

Search Freebie

Envato