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.

If you enjoy these articles, make sure to subscribe to Dev Awesome. It is our biweekly newsletter where we share cool new libraries, articles, and free design resources!


csswand.png

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

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

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.


urlpages.png

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

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

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

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.


scenejs.png

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

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

Just

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


Bootstrap Studio

The revolutionary web design tool for creating responsive websites and apps.

Learn more

Related Articles