15 Interesting JavaScript and CSS Libraries for March 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.

BasicScroll

This library allows you to add parallax scrolling animation effects in your designs. You can use variables and properties directly in your CSS, or use JS for even better animations. It runs very smoothly, is framework independent, works great on desktop and mobile devices, and supports touch input.

Proton Native

Proton native allows you to create native desktop applications for all platforms. It has the same syntax as React Native, supports existing React libraries like Redux and is compatible with most Node.js packages. It works with native components and electron is not required anymore.

Normalize.css

Normalize.css is a modern library for CSS reset. It provides better cross-browser consistency of the default styles of HTML elements. It also minimizes browser inconsistencies, and improves usability.

Fork Awesome

This is an icon set with more than 600 SVG icons. They are really easy to customize e.g change color, size, shadow etc, and are compatible with all frameworks. The set is completely free, requires no javascript and looks amazing on retina displays.

Filepond

Filepond is a tiny JavaScript library for uploading files. It offers a number of ways for uploading: you can drag and drop, copy and paste your files, browse your filesystem, or just use the library's API. It is just 21KB gzipped and has built in image optimization and automatic image resizing.

Headless Chrome Crawler

This is a headless web crawler power by Headless Chrome. It has a simple API, which allows you to easily set up concurrency, retry and delay methods. It supports depth-first search and breadth-first search crawling algorithms, pluggable cache storages like Redis, and allows you to export in CSV and JSON format.

Pressure.js

A library that can be used for handling force touch, 3D touch and pointer pressure. It has a simple API that is compatible with most browsers and a built-in tool for recognizing force sensitive devices. It also supports multi-finger touch.

Loaders.css

An interesting collection of pure css loading animations. It is very simple and easy to use and customize. It includes various types of animations like transform, rotate, fade in, and more. The animations work on all modern browsers, including IE9+.

React Slider Kit

React slider kit allows you to create slider components in your react applications. It offers different types of sliders like 1D, 2D, single, range, horizontal and vertical. You can set the slider's min and max value, the start and step point and more.

NativeScript

This is a free, open-source framework for creating mobile apps for iOS and Android using JavaScript and CSS. You only need to write your code in JavaScript once and the framework will adapt it to run on all devices. It is highly extensible and there are hundreds of plugins that you can use from npm, CocoaPods and Gradle.

Polacode

Polacode is a VisualStudio Code extension with which you can take beautiful screenshots of your code with some really nice visual effects. It hides the editor UI and adds shadow, padding and rounded corners to your screenshots.

Scratches

Scratches is a simple Javascript and Node.js text editor, which evaluates your code as you type. It's built with Electron, has clean white and dark themes, and a preview window where you can see your code output.

Prompts

Prompts is an easy to use library for creating beautiful prompts for command line apps and utilities. It is lightweight and self contained, with no external dependencies. The library uses promises exclusively and works great with async/await.

List

This library gives you a fast functional alternative to arrays. It is immutable which makes it a great choice for people who are experimenting with functional programming. List is written in TypeScript and implements all JavaScript array methods plus some extra ones.

Nerv

Nerv is a fast, virtual-dom based JavaScript library that can be used as alternative to React. It is lightweight, compatible with IE8 and React 16, and offers isomorphic rendering both on client and server. It supports a number of React 16 features like Error Boundaries, Portals and many more.