10 Interesting JavaScript and CSS Libraries for July 2019

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.

CSS Wand

A collection of useful customizable CSS loading spinners, animated buttons, and other cool components. It is super easy to grab one of the snippets, copy its CSS, and paste it into your project. The code is really clean so with a little tweaking you can have it look just as you like it.

Barba.js

Small JavaScript library for creating fluid transitions between your website's pages. It takes a plain ol' static website and with a little configuration turns it into an awesome single page style app. It helps reduce the delay between loading pages, minimizes HTTP requests, and enhances the user experience.

Freezeframe

Tiny JS library that allows you to control animated GIFs' playback. You can start and pause the GIFs based on user input such as clicks or hover. Under the hood it uses a canvas to draw the individual frames so its pretty performant.

URL Pages

Proof of concept experiment which bundles up the entire contents of a page (including HTML, CSS and JS) and stores it in a URL. This makes it possible to create an instantly shareable and editable web page that anyone with the link can see. Includes a builder where you can make your own URL pages.

VerbalExpressions

JavaScript library that helps with writing regular expressions. It provides chainable methods for most RegEx operations, allowing developers to write out more complicated rules without having to build a regular expression using tokens.

Spotlight

JavaScript lightbox gallery that is completely plug-and-play. SImply include it into your page via CDN or the JS bundler of your choice, create the gallery markup, and voila - your lightbox works. No additional code, CSS or dependencies.

Mavo

HTML-based language for building websites without any coding. This cool project makes it possible to create small data-driven websites with no JS and no backend, just HTML. It can also be used as a declarative, reactive front-end framework to make UI development easier.

Scene.js

Scene.js is a timeline-based animation library with tons of awesome features. It can be played in both JS and CSS, supports SVG animations, multiple timelines, and comes with preset effects you can use out of the box.

Bliss

Cool little library that adds syntactic sugar for Vanilla JS, making the API much more pleasant. Unlike jQuery, it doesn't affect the vanilla JS API itself, it just improves the syntax, keeping the method functionality untouched.

Just

A task library by MicroSoft that helps with organizing the build tasks for your JavaScript projects. Includes presets for TypeScript, Webpack and others.