If you are a Front-end developer, you probably know that you should keep up to date and stay close to new tools, trends, and workflows. So today I`ve gathered a list of time-saving, useful CSS libraries for you. I hope that these tools will help you to improve your skills as well as your professional workflow.

Fullscreen Navigation

It comes with five different sliding animations, animated hamburger menu with three styles and complete new demo screens.

coolHue

Coolest handpicked Gradient Hues and Swatches for your next super amazing stuff. coolHue has 60 coolest Gradients and the list is still growing. You can also personalize the coolHue Palette as per as your taste.

Nerd Fonts

It is a project that patches developer targeted fonts with a high number of glyphs (icons). Specifically to add a high number of extra glyphs from popular `iconic fonts` such as Font Awesome, Devicons, Octicons, and others.

microtip

Modern, minimal, a11y enabled, ultra lightweight css tooltip library. Just 1kb.

t-scroll

A modern reveal-on-scroll library with useful options and animations.

Explodal

The Most Explosive Modal on The Web.

Mocka

The mocka placeholder is a very simple content placeholder that you can use for your website or web application, while loading your page’s content. It weighs very little (about 500 bytes minified and gzipped), is fully customizable and you can easily include it in your project’s CSS file, by using the Sass mixin provided.

bttn.css

Awesome buttons for awesome projects!

CSSPIN

It has a different set of interactive Pure CSS Loaders and Spinners which are built on the top of LESS Preprocessor. Individual Pure CSS Loader or Spinner can be easily customized and can be embedded with Single HTML Element in your next Dev Project.

SpinThatShit

A set of SCSS mixins for single element loaders and spinners.

Hamburgers

It is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger.

Balloon.css

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

text-spinners

Pure text, CSS only, font independent, inline loading indicators.

minireset.css

A tiny modern CSS reset.

WebGradients

A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats.

Luxbar

Featherweight, Responsive, CSS Only Navigation Bar.

Animatelo

It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. This is a porting to Web Animation API of the fabulous animate.css project.

Shoelace.css

A back to the basics CSS starter kit. For when you don’t need the whole boot.

Steroidesign

Themes based on the biggest StartUps (buttons, color palette, components, etc.) ready to use in your own projects.

Hover-Buttons

Hover Transition CSS/SCSS Buttons.