20 Best CSS Libraries & Frameworks 2019

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.

Repaintless.css

Baloon

It lets you add tooltips to elements without JavaScript and in just a few lines of CSS.

Baloon

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.

Imagehover

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.

Accordion Framework

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.

CSS3 Link Hover Effects

Brand colors

A color collection available in sass, less, stylus and css.

Brand colors

Driveway

Driveway is an explorative project for developing pure CSS masonry layouts. It is developed using stylus.

Driveway

Timelined

Customizable CSS-only vertical timeline.

Timelined

MegaType

A responsive typographic baseline for the web.

MegaType

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!

CSSgram

CSShake

CSS classes to move your DOM!

CSShake

Tachyons

Functional CSS for humans.

tachyons

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.

sanitize

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!

Weather 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.

Table Grid

Icono

Icono is an icon pack that needs no external resources. Every tags can be an icon made with pure CSS.

Icono

Scooter

An SCSS framework & UI library for Dropbox Web.

Scooter

Motion UI

Sass library for creating transitions and animations.

Motion UI

Sierra

This is a micro SCSS library to help you build websites, without all the arbitrary selectors.

Sierra

Refills

Components and patterns built with Bourbon and Neat.

Refills

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.