Category: TUTORIALS

This is an experimental hover effects that reveal a stack of multiple colored cards behind the hovered item. It’s been developed by Codrops. The concept stems from the hover effect seen on Merci-Michel which has …

This is myth style Photoshop action. You can easily create awesome atmospheric lighting effects on your photos with ease. You can choose from 8 different lighting angles and you also have 30 color options to …

GridTab is a lightweight jQuery plugin to create grid based responsive tabs. Girdtab could be a perfect solution for the following UI design pattern. Gridtab supports two layout modes grid and tab. By default, it …

Propeller is a front-end responsive framework based on Google’s Material Design Standards & Bootstrap. You know Material Design is a visual language created by Google that synthesises the classic principles of good design with the …

This is for everyone who wants a responsive navigation bar that looks good on every screensize, lightweight and easy to implement. You know existing “premade” navbars are usually packed with a full blown CSS framework …

An immersive transition effect powered by image masks and CSS transforms developed by Codyhouse. You can take advantage of the PNG transparencies to zoom through the mask layer, into a project background image. If you …

This is a couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations developed by Codrops. You will explore some different layouts combined with some engaging CSS …

This is a great resource developed by Codrops. Basically a collection of ideas for revealing content in a schematic box look as seen around the Web lately. The effect first shows a decorative block element …

This is a full-screen video presentation, that is resized and animated to become the content of a mobile device. It’s been developed by Codyhouse. It can be used to introduce a product or a feature …

DateDropper is a powerful yet smallest jQuery UI Datepicker for oyur design projects. It’s been developed by Felice Gattuso. Basically DateDropper is a jQuery plugin that provides a quick and easy way to manage dates …

Experimental ideas for playful musical interactions powered by MIDI.js and the Web Audio API. Play instruments or make sounds by interacting with content. It’s been developed by Codrops. The demo has a couple of playful …

Here is an another bran new CSS spinners and loaders collection. This set has been developed by Nitish Kumar. Each of these CSS spinners and loaders is modular, customizable and developed using Single HTML Element …