10 Interesting JavaScript and CSS libraries for September 2018

Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention.

Code Surfer

This is a React component that you can use to attract the reader's attention at the most important parts of your code. It allows you to highlight words, a certain line or even multiple lines, and zoom in and scroll up and down for a closer look of your code.

React Spring

This is a set of simple, spring-physics based animations and transitions that will help you to create beautiful designs. It has a powerful JavaScript API that provides lots of different tools for making more complex animations that just aren't possible with regular CSS transitions alone.

Terminalizer

Terminalizer allows you to record your terminal and create animated GIFs. It is highly customizable and lets you change the font, background color, line height, letter spacing, and much more. It even has built-in support for adding watermarks to your finished GIF.

Nano ID

This is a small and secure JavaScript library for generating random, unique IDs. It uses cryptographically strong algorithms for generating the IDs, and the chance of creating a duplicated value is extremely low. It doesn't require any dependencies and is only 145 bytes minified and gzipped.

Gitmoji

Gitmoji allows you to add emojis in your commit messages. Using emojis in your commits make them good-looking , and the reader can understand the purpose of the commit without having to read the whole commit message.

SimpleBar

This is a vanilla javascript library for creating custom scrollbars. It is extremely lightweight and really simple to use. It supports both horizontal and vertical scrolls, that can be easily customized. It works without any problems on Chrome, Firefox, Safari, Edge and IE11, older version of IE require some extra configurations.

Apex Charts

This is a modern open-source JavaScript library for creating beautiful SVG charts. There is a wide variaty of charts that you can choose from like bar chart, line chart, heatmap, mixed charts and many more. All the charts are full responsive and easily customizable.

sanitize.css

A CSS library that corrects broken or missing styles in all browsers. It normalizes styles for a number of elements and corrects bugs and common browser inconsistencies. It is really easy to use and is supported on Chrome, Edge, Firefox, Opera, Safari and IE 9+.

Framework7

Framework7 is a fully featured HTML framework for creating iOS and Androis apps. It offers an easy-to-use JavaScript API, and a number of ready to use UI components like modals, popups, lists, tabs, grids and more. All styles are divided into small files, which makes it really easy to customize the elements in your design. What is more, the framework is extremely lightweight, with no extra dependencies or third-party libraries.

Howler.js

Howler.js is a JavaScript library for importing audio in the web. It offers a very simple and easy-to-use API that has everything you need to implement and control the sound. It supports all browser-ready file like MP3, MPEG, MP4 and a lot more. It is fully modular, has no dependencies and works great on all browsers.