Top 13 JavaScript and CSS Libraries for July 2018


Shave is a zero dependency javascript plugin that truncates multi-line text to fit within an HTML element based on a set max-height. It then stores the diff of the original text string in a hidden <span> element following the visible text. This means the original text remains intact!


DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, build upon the foundations of progressive enhancement, that adds all of these advanced features to any HTML table.


It’s built on JavaScript but it also relies heavily on CSS animations. You can target individual page elements via the DOM or you can even target custom SVGs.


Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers — ready to be delivered instantly to your users wherever they are.


Odometer is a Javascript and CSS library for smoothly transitioning numbers. See the demo page for some examples.  Odometer’s animations are handled entirely in CSS using transforms making them extremely performant, with automatic fallback on older browsers.


A great looking open-source icon set that consists of more than 400 icons. You can style the icons(change size, add border and animation, rotate and flip) by using custom classes. There is a wide variety of icons in this set, and you will most probably find the ones you need or your website.


Fast interactive watch mode runs only test files related to changed files and is optimized to give signal quickly.



Web Maker is an offline playground for front-end experiments. It has a built-in console, offers an easy way to add JS and CSS libraries and supports HTML, CSS and JavaScript preprocessors. It allows you to Import and Export your projects, and you can share your project in CodePen with a single click.



It is a simple 1.2 KB modal dialog with no external dependencies. Bootstrap and Animate.css friendly, supports CommonJS, AMD or globals.


Sprite.js is a framework that lets you create animations and games using sprites in an efficient way. The goal is to allow a common framework for desktop and mobile browsers and use the latest technology available on each platform. Sprite.js is tested on WebKit, Firefox, Android phones, Opera and IE9.


Repaintless.css in a lightweight animation library that consists only of animations that don’t cause reflows and repaints



Cirrus.js is a charts library, open sourced by Planet OS, based on a datavis pipeline going from data space to graphics space.


Polly.JS is a standalone, framework-agnostic JavaScript library that enables recording, replaying, and stubbing HTTP interactions.

Polly taps into native browser APIs to mock requests and responses with little to no configuration while giving you the ability to take full control of each request with a simple, powerful, and intuitive API.

Leave a reply