Useful Collection Of Free CSS Libraries & Resources

Here we are presenting a very useful collection of some free CSS libraries and resources for your inspiration. Although there are many scripting and coding websites that can help you in developing your website but here we are presenting free and useful libraries and resources. In addition, there are some scripts also available that you can download and can use for your project. Majority of developers are using codes that are written in CSS or JavaScript or some other languages.

We hope that you will like this collection and find this collection useful for you as well. With such resources and libraries, developers can make use of codes that other people have developed and in this way they can build something even more interesting and thus the cycle continues. Enjoy looking into this collection and have fun using them in your work. Also feel free to share this post over social networking website to let other people and developers know about it.


print.css is an open source print stylesheet for the environmentally-conscious web developer.

CSS3 Click Chart

Allows you to change how the browser calculates the width of an element, that is, whether or not to include padding, borders, and margins, in the width or height calculation.


Collection of Awesome CSS and JS Creations to help out frontend developers and designers.

CSS Navigation

CSS Navigation Techniques (37 entries)


Pondasee is front-end starter kit to speed up front-end workflow.

Makisu 3D Menu Dropdown

An experimental CSS 3D dropdown concept, wrapped up in a jQuery plugin.

CSS3 Pictogram Buttons

This is a set of 43 button with three different styles and six different colors and using entypo pictogram for replacing the images. Go through the post to see the entire sets.

CSS3 Checkboxes

A few different checkbox styles.

Polaroid Images

A polaroid picture is an iconic image of how pictures used to be. It is strange to see them on a computer but they are also a great way to display images. The images are placed on a white background with a caption underneath the images.

CSS-ONLY Responsive Layout

A tutorial on how to create a 100% width and height smooth scrolling layout with CSS only. Using a radio button navigation and sibling combinators we will trigger transitions to the respective content panels, creating a “smooth scrolling” effect.

Animated WEB Banners with CSS3

Here we’re going to take a look at spicing up our web banners, ads or any content for that matter, with CSS3 animations.


animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.

34 Responsive Grid System

34Grid is a Responsive Grid System based on “equally distributed columns” layout basis. In contrast to other great grid systems (@see bottom of page), 34Grid provides equally distributed columns for each row. (and also column complements for inequal distributions)

YUI Library

CSS Reset, Base, Fonts, and Grids.

CSS3 Tutorial

This website is all about CSS, a key tool in web design. In case you’re not familiar with CSS: CSS is the sister technology to HTML that is used to style your web pages. The details are in the tutorial, but for now we can say that CSS can make your web pages look great!


CSS Tricks is a great resource of css.

Blueprint Cheat Sheet

CSS Reset, Base, Fonts, and Grids.


This page contains a list of all completed specifications and drafts by the CSS WG (formerly “CSS & FP WG”). If you want to follow the development of CSS3, this is the place to start.

Mozilla Reference

This CSS Reference lists all standard CSS properties, pseudo-classes and pseudo-elements, @-rules, units, and selectors in alphabetic order. It allows you to quickly access detailed information for each of them. It not only lists the CSS 1 and CSS 2.1 properties, but also is a CSS3 reference that links to any CSS3 property and concept standardized, or already stabilized.

CSS Shorthand

CSS Shorthand Cheat Sheet.

When can I use

Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.

CSS3 Browser Compatibility

HTML5 & CSS3 Support.

The CSS3 Previews

Many exciting new functions and features are being thought up for CSS3. We will try and showcase some of them on this page, when they get implemented in either Firefox, Konqueror, Opera or Safari/Webkit.

Pxleyes The Best Cheat Sheet

Most Practical CSS Cheat Sheet Yet.


A clean & classy HTML5 and CSS3 framework that helps you to get your projects up and running as fast as possible.


Create your css sprites with drag&drop and have it directly available as PNG + CSS file. No fiddling in Photoshop, no exporting, no manual assignment of css styles. SpritePad automates and simplifies most aspects of css spritemap creation.

Webinterface Lab CSS Snippetes

CSS Code Snippets & UI Kits for Web Developers.

Profound Grid

A responsive grid system for fixed and fluid layouts. Built in SCSS, it gives you flexibility and full control.

Responsive Patterns

A collection of patterns and modules for responsive designs.


Cross-Browser CSS in Seconds!

One% CSS Grid

12 Columns Fluid CSS Grid System.


Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

Ivory Framework

IVORY Framework – Simple, Flexible, & Powerful responsive web framework.

GITHUB: Style Sliding Links

A streamlined and powerful web framework for responsive web sites.

CSS3 Compatibility table

In this web site I have collected various code samples and tests for CSS3.