Resources for Developers

Hero slider animation with SVG

A tutorial for creating a full page slider with animated SVG elements used as transition effects. Coded by the guys behind CodyHouse.

Sedna is a responsive one page website template designed with Sketch and coded with HTML5/CSS3. Freebie released by Peter Finlan.

Minigrid is a minimal and lightweight (it’s just 842 bytes compressed) javascript plugin for creating masonry-style grid layouts.

A tutorial that explains how to create an ajax powered page transition, with a slide-in content animation triggered by a side navigation.

Material Design Lite is a lightweight framework based on Google Material Design. It doesn’t rely on any JavaScript frameworks.

MUI is a lightweight HTML/CSS/JS framework that follows Google’s Material Design guidelines.

A webpage template inspired to Dropbox Guide website made of 2 vertical blocks. Tutorial by CodyHouse.

Semantic UI is a development framework based on user interface language you can use to build websites. It’s a great alternative to Bootstrap.

A tutorial about creating some pricing tables animating into a sign up form. Created by CodyHouse.

A ready-made example of a product grid with filtering system using Isotope. Tutorial by Codrops.