Top 10 JavaScript and CSS Libraries for September 2018

By Focusoncode September 27, 2018

Code Surfer

If you have a presentation coming up or you just need to present some documentation, then the Code Surfer React component is a powerful way to Highlight, Zoom, and Scroll snippets of code. This component is particularly designed to work with MDX-deck, which is an MDX-based presentation framework that enables easy slide creation with markdown and Reacts components.

 

SimpleBar

SimpleBar does only one thing: replace the browser’s default scrollbars with a custom CSS-styled scrollbar without losing performance.
Unlike some popular plugins, SimpleBar doesn’t mimic scroll with Javascript, causing janks and strange scrolling behaviors.

 

React Spring

A set of spring-physics based primitives (as in building blocks) that should cover most of your UI related animation needs once plain CSS can’t cope any longer. Forget easings, durations, timeouts and so on as you fluidly move data from one state to another. This isn’t meant to solve each and every problem but rather to give you tools flexible enough to confidently cast ideas into moving interfaces.

Gitmoji

Gitmoji is an emoji guide for GitHub commit messages. Aims to be a standardization cheatsheet – a guide for using emojis on GitHub’s commit messages.

Using emojis on commit messages provides an easy way of identifying the purpose or intention of a commit with only looking at the emojis used. As there is a lot of different emojis I found the need of creating a guide that can help to use emojis easier.

Terminalizer

Terminalizer is a fancy and highly customizable CLI tool that records and renders terminal activity and can make an animated GIF image from it. It can work well on Ubuntu, CentOS, Arch Linux, SUSE, RedHat, Fedora, etc.

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.

 

Apex Charts

ApexCharts is loaded with powerful features to fulfill your data-visualization needs. It scales gracefully in desktops, tablets as well as mobiles. You can set responsive queries and can have different layouts for different screen sizes.

 

Howler.js

A single, consistent API for all of your audio needs makes building your audio experiences fun and easy. Whether a simple stereo pan or advanced 3D game audio, howler.js makes it easy to keep it all straight.

Framework7

The main approach of the Framework7 is to give you an opportunity to create iOS & Android apps with HTML, CSS, and JavaScript easily and clear. Framework7 is full of freedom. It doesn’t limit your imagination or offers ways of any solutions somehow. Framework7 gives you freedom!

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+.

Leave a Comment

Your email address will not be published.