Category: CSS

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 …

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 …

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 …

A simple template that lets you display events on a timeline, as well as organize them in groups – week days, conference rooms etc.. It’s been developed by Codyhouse guys When we check the schedule …

This is a fun experiment with proof-of-concepts for various simple media pop ups on hover or touch. The idea is to show images, videos or other media in a pop up style with different effects. …

Simple loaders for your web applications using only one div and pure CSS. Usually it’s common to show a loader to the users when they must wait something in a web application (an ajax request …

This is a great tutorial to create a morphing dropdown that animates according to the size of its content. It’s first seen on Stripe.com website which is redesigned and Codyhouse guys has created the same …

This project tries to mimic command line spinners like those from cli-spinners (where most of them are taken from) and bring them to the web.It’s pure CSS and font independent. Every Spinner is a fixed …