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.