Freebies Category: Javascript

Interesting Google Grid Gallery

Interesting Google Grid Gallery

A Interesting Google Grid Gallery, is a responsive grid gallery based on the gallery by Google for the Chromebook Getting Started guide. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items.
Continue reading
Amazing Product Comparison Layout & Effect

Amazing Product Comparison Layout & Effect

Amazing Product Comparison Layout & Effect is a responsive product grid layout with comparable functionality. A maximum of three items can be selected for the product comparison. The comparison view shows flex box-powered columns or rows (depending on the view port size) that appear with ...
Continue reading
Interesting Filterable Product Grid

Interesting Filterable Product Grid

Interesting Filterable Product Grid created by Mary Lou! This grid has an amazing and useful modern design a small cart icon, animation indicates that a product was added to the shopping cart. The product filter utilizes the Isotope filter functionality. Some example media queries are ...
Continue reading
Interactive Record Player

Interactive Record Player

A good Interactive Record Player for your project! The idea is to tap into the incredibly awesome Web Audio API and see what we can do with it. The demo starts with an initial grid view, powered by Masonry. Once a grid item is clicked, ...
Continue reading
Canvas Menu Effects

Canvas Menu Effects

We’d like to share a couple of styles and effects for off-canvas menus. The off-canvas sidebar is widely used and we have already created some effect inspiration before.  Different layouts and synced transitions of the menu and the page can make everything look more interesting ...
Continue reading
Animating an SVG Menu Icon with Segment

Animating an SVG Menu Icon with Segment

We are very happy to share an interesting menu icon effect with you. The idea is based on the Dribbble shot hamburger menu by Tamas Kojo. At first, the icon is the classic burger menu icon. But when you click on it, it becomes a ...
Continue reading
Nice Multi-Level Menu

Nice Multi-Level Menu

The idea is to animate each menu item once a level is changed. The animation starts with the item clicked and the delays are propagated through the neighbors. The animation delays follow the same logic for the incoming items of the new level of the ...
Continue reading