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

CSS and JavaScript libraries are just amazingly useful for any web designer and web developer to be familiar with. We see all of the changes and rapid advancements in CSS and JavaScript that been going through over the years, and we shouldn’t be surprised at the comprehensive volume of libraries that have continually been released since CSS & JavaScript been in existence.

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

So in today’s post, you will find another 10 great CSS and JavaScript Libraries, and without doubt, you’ll find something interesting to use within your website.

1. Cube.js

Cube Js

Powerful open-source framework for developing complex, custom-tailored analytics systems. Consists of frontend SDKs and an API backend that works with most databases including MySQL, Postreges and MongoDB.

2. Editor.js


Rich text & media editor that outputs data in JSON format. It is fully modular and made out of “blocks”, meaning every structural unit is it’s own block (e.g. Paragraph, Heading, Image are all blocks) and users can easily write their own plugins to further extend the editor.

3. DropCSS

Drop Css

DropCSS is an exceptionally fast, thorough and tiny (~8.5 KB min) unused-CSS cleaner; it takes your HTML and CSS as input and returns only the used CSS as output. Its custom HTML and CSS parsers are highly optimized for the 99% use case and thus avoid the overhead of handling malformed markup or stylesheets, so you must provide well-formed input.

4. Twemoji

This is a great library created by the Twitter team that provides standard Unicode emoji support across all platforms. With more than 3000 emojis and a solid API, it is can be the perfect solution when you want to add emojis to your apps.

5. Destyle.css


This is a great little reset stylesheet that lets you write CSS quicker without the default browser styles getting in the way. It helps with browser consistency, resets spacing and font-sizes, and removes the default styles from most HTML elements.

6. NES.css


Fun CSS framework that makes your website look like an 8-bit NES game. It provides a good selection of Bootstrap-type components like buttons, containers, dialogs, input fields and more.

7. React LoadCon

React Loadcon

React component that allows you to animate your website’s favicon using a series of dynamically generated images. This effect can be used as a progress or loading indicator, or just as a neat little animation to make your pages stand out.

8. Indigo Player

Indigo Player

React-based video player with out-of-the-box features such as subtitles, thumbnails, quality selection and more. Highly extensible, modern and offering support for most of the popular video formats and codecs.

9. Choices


Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.

10. Water


Water.css is a just-add-css collection of styles to make simple websites like this just a little bit nicer. Get it already!Now you can write your simple static site with nice semantic html, and Water.css will manage the styling for you.


10 Great CSS and JavaScript Libraries