50 favorite CSS Tools & resources. It’s a huge post of all of the really cool CSS resources, frameworks, libraries, UI kits and tools that have been released this year. From: http://ltheme.com/50-css-tools-resources-from-2014/

1. 50 CSS Tools &
Resources from 2014
Today, we have the 2014 edition of our 50 favorite
CSS Tools & resources. It is a huge post of all of
the really cool CSS resources, libraries, frameworks,
UI kits and tools that have been released this year.
The below resources have been categorized into the
following sections: Web-Based Tools & Apps, CSS
Button Libraries, CSS Animation Libraries, CSS
Typography Toolkits, CSS Loading Spinners
Libraries, Material Design Inspired Frameworks,
CSS Frameworks, Boilerplates & UI Kits, CSS Icon

2. Generation Tools, CSS Color Palette Tools &
Generators, CSS Learning & Reference Resources,
and finally, a bunch of miscellaneous CSS tools and
apps.
Web Based CSS Tools & Apps
CSS Shrink, a small tool for ‘shrinking’ CSS files.
StyleStats, a small app for collecting statistics on
any CSS file.

3. extractCSS, a tool which can extract ids & classes
from HTML documents and output a CSS
stylesheet.
EnjoyCSS, a useful tool that allows you to adjust
rich graphical styles quickly without coding.
CSSynth, a small app for running animations in
order.

4. CSS Button Libraries
Beautons, a CSS toolkit for creating consistent,
robust and solid buttons.
Flexy Boxes, a CSS flexbox playground & code
generation tool.

5. btns.css, a lightweight CSS library for building a
variey of beautiful and responsive buttons.
Social Buttons v2, a collection of east to use and
elegant sharing buttons.

6. CSS Animation Libraries
Magic Animations, a small library of CSS3 special
effect animations.
CSS Shake, a collection of CSS classes that will
vibrates & shake the ‘DOM’.

7. Hover.css, a selection of CSS3 animated hover
effects for buttons.
Saffron, a Sass mixin library of simple CSS3
animations and transitions.

8. CSS Typography Toolkits
Typesettings, a Sass toolkit that sets type in Ems
based on modular scale, vertical rhythm &
responsive ratios.
typebase.css, a minimal and customizable LESS &
SASS typography stylesheet.

9. Sassline, Sass mixins for setting text to a baseline
grid with ease.
CSS Loading Spinner Libraries
Single Element CSS Spinners, a library of single
<div> CSS animated loading spinners.

10. SpinKit, a collection of smooth and easy to
customize CSS3 animated loading indicators.
Tumblr-Style Loading Cogs, a library of animated
CSS and SVG icons.

11. Material Design Inspired
Frameworks
Material UI, a Less CSS framework combined with
a huge collection of React-powered components that
also implement Google’s Material Design specs.
Materialize is a new framework that utilizes many
of the styles, elements, components, animations and
of course, the principles of Google’s Material
Design.

12. Material Framework, asuper-lightweight Material
Design framework with CSS-only components.
CSS Frameworks, Boilerplates & UI
Kits
Fluidity, a very lightweight responsive system.

13. Flexbox Grid, a grid system based on the flex
display property.
PowerToCSS is a versatile and lightweight CSS
Framework.

14. Kouto Swiss, a Complete CSS Framework for
Stylus.
ConciseCSS, a Lightweight, Customizable,
Scalable, Sass-Based, OOCSS Framework.

15. Cute Grids, a feature-rich responsive grid system.
Ungrid, a simple and responsive, table-based CSS
grid system.
csstyle, a modern approach for creating maintainable
stylesheets.

16. Zen Grids, a responsive grid system built with the
power of Sass.
Pure CSS Components, a set of common UI
components.

17. BASSCSS, a lightweight and responsive toolkit
based on OOCSS principles.
Responsee II, a lightweight responsive CSS
framework.

18. CSS Icon Generation Tools
Perfect Icons, a web based social icon creator.
Glyphter, a handy tool for creating icon fonts from
SVGs.

19. iconizr, a tool for converting SVG images to a set of
CSS icons.
CSS Color Palette Tools &
Generators
BADA55.io, an app for finding the most badass leet
words for your CSS hex colors.

20. Colors – SASS/LESS/Stylus/CSS variables and CSS
classes of a better color paletter for the web.
Pantone Sass, a list of Pantone colors as Sass
variables.

21. CSS Learning & Reference
Resources
CSS Vocabulary, a small web app to help
understand CSS terminology.

22. Magic of CSS, a free CSS course for web
developers who want to be ‘magicians’.
CSS PREprocessors, a Reference for the Three
Most Popular CSS Preprocessors (Less, Sass, and
Stylus)..
Cerberus, a few simple patterns for responsive
HTML emails.

23. Miscellaneous CSS Tools, Apps &
Libraries
Sache, a directory of Sass and Compass extensions.

24. Andy.scss, an open-source collection of useful
SASS mixins.
CSS Plot, a simple pure-CSS charting library.

25. FSVS, a simple fullscreen vertical slider using CSS3
transitions with jQuery fallback.
Imacss, a library that transforms image files to data
URIs.
Pesticide, a CSS layout debugging tool.

26. Kite, a flexible layout helper CSS library.
What a fantastic year it has been for CSS Tools ,
and plenty of resources for you to kick-start your
2015 web projects.
From: http://speckyboy.com/