Category: CSS

Family.scss is a set of 26 smart Sass mixins which will help you to manage the style of :nth-child’ified elements, in an easy and classy way. The goal of this project is to unleash the …

Starability.css is an accessible rating form with cute animations.tarability ratings are done in pure HTML and CSS, and are accessible by keyboard, so even people using screen readers are able to use it.The goal of …

Pills is a responsive and tiny CSS grid system for web developers.It’s been developed by Rohit Kumar Rai. This CSS grid system is only 4kb and perfect for all modern browsers – IE8+, Firefox, Chrome, …

This is a fresh collection of animated transition effects with CSS. It’s been developed by Gabriele Mellera.You can either download it directly or if you are new to CSS animation effects you can find the …

Simple Grid is a mobile-first 12-column CSS grid system to make developing responsive websites easy and fast. All the code you need is simple and familiar. A parent container class contains the grid. Within the …

This is a set of inspirational, highly experimental distortion effects for buttons using SVG filters.Applying SVG filters on HTML elements give us some great opportunity to get creative with click interactions, and that’s exactly what …

Gridle is a set of complete and simple settings, mixins and classes that make the creation and usage of grid systems (even complex ones) really simple. All of this with full responsive capabilities 12, 8 …

This is a tutorial to create inspirational input focus effects using css3 and jQuery.In this tutorial, you see animated input border effect, animated background effect and animated placeholder effects on focus. And you can also …

Colofilter.css is a Duotone filters made with CSS. Those colorful filters uses css blend modes and were heavily inspired by Spotify. This is called “DuoTone”, and today, with the power of CSS you can play …

Modulr.css is fast and easy modular approach to building powerful web and mobile interfaces. Modulr.css is using font awesome icon library.Modulr.css is broken down into modules for easier maintenance, debugging and usability. With Modulr.css you …