A lot of additions and enhancements have been done to CSS in CSS3. Designers used to create simple animations using jQuery or Javascript but CSS3 has changed all that due to all the new and exciting features added to it. It has become a lot easier to explore details and play with the designs using CSS3. Due to all this “newness” latest CSS libraries, Frameworks and tools are getting released every day to help the designers to explore CSS3 at a wider and deeper level. All these CSS libraries, frameworks and tools help web developers in finishing their websites much quicker and as easily. These CSS resources can be found galore over the internet; including CSS animation libraries, CSS UI kits, CSS typography tools and spinners and countless other exciting stuff. Only searching skills and time is required to get your hands on all these cool items; but sometime the time required to get to the best stuff is a luxury which cannot be afforded by all.
We have thus gathered a collection of the coolest and most awesome free CSS resources including the libraries, frameworks and tools. All the items in today’s collection are latest and have been skillfully handpicked by us to bring you the best to save you loads of time and searching trouble. Go through the collection and find the tools that work best for you.
If you like this article, you might be interested in other article on Free HTML5, CSS3, UI Kits and PSDs for Designers.
Hover
A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS.
Spinkit
A collection of loading indicators animated with CSS.
Magic
CSS3 Animations with special effects.
Kindling Grid
A responsive grid system, with some trace elements of style and markup.
Css Loaders
A collection of loading spinners animated with CSS.
Typebase.css
A starting point for good typography on the web.
Sassline
Set text on the web to a baseline grid easily with Sass & rems.
Bass Css
BASSCSS is a lightweight collection of base styles and simple type and layout utilities designed for speed, performance, and scalability.
My Responsee
Lightweight, more intuitive and useful responsive CSS framework.
Glyphter
Create icon fonts in seconds! Just drag & drop SVGs onto the character grid and download your spiffy new font. Cherry on top – IT’S FREE!
Perfect Icons
The easiest way to create resolution independent social icons.
Pure CSS Components
A set of common UI Components using the power of CSS and without Javascript.
COLORS
A simple color palette for the web. Let’s be honest, out of the box, the color strings that css provides aren’t… the tops.
Css Colors
A list of colour names in CSS.
Pantone Sass
A Sass map of Pantone colors (coated Pantone colors only). Feel free to steal the ones you want and use them as variables.
Applepie
ApplePie Toolkit is modular and responsive CSS framework. Getting started with ApplePie is easy.
Cerberus
A few simple, but solid patterns for responsive HTML emails. Even in Outlook.
Stylestats
StyleStats is a Node.js library to collect CSS statistics!
Extractcss
extractCSS is an online tool which can extract ids, classes and inline styles from HTML document and output them as CSS stylesheet.