Shape of Web is a pioneer of new technologies and we always try to keep you updated with the latest and coolest trends you can get in web (and not only) development. Today, we made a special collection of 5 nice JavaScript and CSS libraries you should check out today. Not only they can make your life easier when developing a new web product, but can give you some nice ideas of what to use in your next amazing products.

Display JS

DisplayJS is a simple framework that helps you to efficiently render the DOM. When you’re creating huge UI, you’ll have to render at the same time tons of variables, and let’s be honest, that’s not very optimized to write 100 lines of code with almost the same purpose. DisplayJS is made for that, you just have to indicate where to render those variables by an attribute in the HTML code. This means that you can focus on the content, not on the way it will be displayed. As you understood, it works similarly to how React or Vue.js do.

Primer CSS

Primer is the basecoat of GitHub, made by nerds just like you who share a passion for HTML and CSS, available for use under the MIT license and built with open source projects like SCSS, Jekyll, Grunt, and more. Primer includes a small Gruntfile for compiling our SCSS, Autoprefixer for vendor prefixes, and Parker for CSS stats. So yes, it’s cool!

Trowel

Trowel is a Sass toolkit that allows you to create and use CSS frameworks with the most flexible pattern ever designed. It allows you to group multiple variables into a single object, making your scss easier to read and write, so now writing code has become even easier.

Vivify

Vivify is a CSS-only animation library. You simply need to add the vivify class to the element you want to animate. You can also add the infinite class to make the animations repeat on a loop. The library offers a large selection of over 50 animations with different effects and movement directions. We’ve seen more libraries for animating content like Animate.css. Still, some coll effect to see here.

MoJS

mo.js is a JavaScript library devoted to motion for the web. It offers a declarative syntax motion and the creation of elements for animation. Even though mo.js is still in beta, there is already a host of amazing features to play with. Its author, Oleg Solomoka (otherwise known as @legomushroom) creates incredibly impressive demos and tutorials for the library’s offerings that you should check out, but in this article we’ll run through a really quick overview of features and tutorials to get you started.

In conclusion

Here is our Top 5 for the month of September, with expected article for October coming next month. The web is evolving, libraries continue to appear and develop over the years. We’ll try to keep you updated with the latest releases. You think we missed out something interesting? Write us in the comments below!