This article was published 5 years ago, therefore the contents of this post may be out of date.

CSS and JavaScript libraries are amazingly useful for any designer and developer to be familiar with. We always see all of the changes and rapid advancements in CSS and JavaScript that been going through over the years, and we should not be surprised at the vast volume of libraries have continually been released.

As these time-saving CSS and JavaScript libraries have been built to make our lives that little bit easier and also offer a learning window into these areas that we may not fully understand.

Today, you will find 12 Wonderful CSS and JavaScript Libraries and without doubt, you’ll find something interesting.

1. Ervy

This is an impressive library that allows you to create different types of charts right in your terminal. It is effortless to use and doesn’t have any dependencies. It supports Bar, Pie, Bullet, Donut, Gauge and Scatter chart types.

2. Larametrics

A self-hosted metrics and notifications platform for Laravel apps, Larametrics records and notifies you of changes made to models, incoming requests, and messages written to the log.

3. Pennywise

Pennywise opens any website or media in a small floating window that remains on top of all other applications. Pennywise windows stays up all the time. No need to keep struggling with alt + tab, use Pennywise for easy multitasking.

4. Butter Cake

Butter Cake is an open source CSS framework based on Flexbox. It makes it possible to craft modern and mobile-first designs without having to write too many lines of CSS. It is highly modular and offers a large number of responsive components and elements that you can choose from.

5. Spacetime

Spacetime is a tiny JavaScript timezone library that allows you to handle time, dates and timezones with almost no effort.

You can create, add, subtract and compare dates, and change their timezone and format. What is more, the library supports methods that give you information about Daylight Savings, hemispheres, seasons, leap-years and more.

6. Cogear

A modern static site generator built with Node.js and based on Webpack. It is open-source, offers high-speed performance and works with Vue.js, React and every current frontend framework. It allows you to generate pages from Markdown, Pug, EJS or any other node-compiled markup language and upload them to the server via FTP or SFTP.

7. Tiptap

Tiptap is a renderless rich-text editor for Vue.js. It is highly extensible and there are multiple packages and extensions for importing new functionalities like adding links, images, ToDo lists, placeholders, code highlighting and many more. You can also export your data as HTML or JSON.

8. Glider.js

Glider.js was born out of a frustration for carousels, especially on mobile devices. Inspired by the well-known Slick.js, Glider.js aims to be a fast, lightweight, responsive, unopinionated, dependency-free carousel alternative. Glider.js is not truly a carousel; it lacks the defining carousel feature, infinite looping. Without support for looping, Glider.js retains the ability to use native scrolling creating a natural feel on any touch enabled devices, while still providing the basic carousel aesthetic and functionality (great for desktop!)

9. Gradient Spector

A dead simple, Lightweight CSS Library With 330+ Ready to Use Gradient CSS Color Classes. Gradient Spector is a bunch of cool, fun, and cross-browser Gradient for you to use in your projects.

10. TurtleCSS

TurtleCSS was an experiment for me to learn more about css frameworks and how actually they work. Turtle is loosely based on Milligram CSS Framework but lot has changed. Turtle is lightweight , fast and easy to use.

11. ModestaCSS

A clean CSS framework made to be dark and responsive.

12. Slang

Slang was created to explore implementing a programming language entirely in the browser. Parsing is handled by Ohm.js using a custom grammar, the editor uses CodeMirror with a simple syntax definition, and the runtime itself is written in JS using the Web Audio API.


12 Wonderful CSS and JavaScript Libraries