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.