If you’re looking to revamp your CSS strategy, you might want to add these tools to your list of go-to web tools. So here are 20 best CSS libraries & Frameworks that can save a tremendous amount of time by doing a lot of CSS heavy-lifting for website.
Repaintless
Lightweight animation library that consists only of animations that don’t cause reflows and repaints of a website when used correctly.
Baloon
It lets you add tooltips to elements without JavaScript and in just a few lines of CSS.
Imagehover
Imagehover.css is a lovingly crafted CSS library allowing you to easily implement scaleable image hover effects. Choose from over 40 hover effect classes from a CSS library weighing in at a minified size of only 19KB.
Accordion Framework
Accordion Framework is a robust tool and at same size lightweight to construct your accordion in your website with a lot of options and shortcodes, with this framework you are making the smart choice for your accordion area with a lot of options, flexibility and with scability necessary for you improve it where you need.
CSS3 Link Hover Effects
Created using purely CSS3 and HTML. These Link hover effects are pretty much awesome and animated. Using hover transitions and all the effects are modern and quite easy to used.
Brand colors
A color collection available in sass, less, stylus and css.
Driveway
Driveway is an explorative project for developing pure CSS masonry layouts. It is developed using stylus.
Timelined
Customizable CSS-only vertical timeline.
MegaType
A responsive typographic baseline for the web.
CSSgram
Simply put, CSSgram is a library for editing your images with Instagram-like filters directly in CSS. What we’re doing here is adding filters to the images as well as applying color and/or gradient overlays via various blending techniques to mimic these effects. This means less manual image processing and more fun filter effects on the web!
CSShake
CSS classes to move your DOM!
Tachyons
Functional CSS for humans.
sanitize.css
sanitize.css corrects broken and missing styles in all browsers so that elements always render consistently. Next, it adds new default styles based on modern best practices. Finally, it exposes opinionated defaults as governable variables.
Weather Icons
It is the only icon font and CSS with 222 weather themed icons, ready to be dropped right into Bootstrap, or any project that needs high quality weather, maritime, and meteorological based icons!
Table Grid
Every grid to date uses floats or some inline-block hackery. That’s so 2013 though, and seeing that it’s now 2016, we need something newer, faster, and stronger. So, Table Grid was born.
Icono
Icono is an icon pack that needs no external resources. Every tags can be an icon made with pure CSS.
Scooter
An SCSS framework & UI library for Dropbox Web.
Motion UI
Sass library for creating transitions and animations.
Sierra
This is a micro SCSS library to help you build websites, without all the arbitrary selectors.
Refills
Components and patterns built with Bourbon and Neat.