{"id":4205,"date":"2020-05-15T09:24:00","date_gmt":"2020-05-15T09:24:00","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=4205"},"modified":"2020-05-16T09:34:30","modified_gmt":"2020-05-16T09:34:30","slug":"10-interesting-js-and-css-libraries-for-may-2020","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-may-2020\/","title":{"rendered":"10 Interesting JS and CSS Libraries for May 2020"},"content":{"rendered":"\n

Our job at Azoora\u2019s Blog is to keep you up to date with the latest and coolest trends in web industry. That\u2019s why every month we release a handpicked collection of some of the best resources that we\u2019ve stumbled upon which deemed worthy of your attention.<\/p>\n\n\n\n

If you enjoy these articles, please share your thoughts about it and subscribe our blog also. Whenever we release a new article, we share it on social media also like\u00a0Facebook<\/a>,\u00a0Twitter\u00a0<\/a>&\u00a0LinkedIn\u00a0<\/a>to keep our visitors engaged with cool new libraries, articles & design & development resources!<\/p>\n\n\n\n

01. Image Compare<\/a><\/h3>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Awesome Vanilla JS plugin for comparing between images. It adds an interface that looks and works great right out of the box, making it super easy to check the differences between two images. Perfect for showing before and after on renders and photos.<\/p>\n\n\n\n

02. Ackee<\/a><\/h3>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Ackee is an open-source project giving you all the needed tools to add self-hosted analytics to your website. It offers a Node.js based API that’s similar to that of Google Analytics and is easy to install. There is also a ready-to-use admin panel with a very nice design and plenty of features.<\/p>\n\n\n\n

03. Event Cards<\/a><\/h3>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

A beautiful CodePen of a React component for showing event cards or other UI elements with thumbnails. It has a nice modern design and simple, yet very effective animations.<\/p>\n\n\n\n

04. MVP.css<\/a><\/h3>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

CSS framework without classes that makes it super easy to style web pages without writing any CSS or additional markup. Simply include the provided stylesheet and most of the HTML elements as well as the page layout will get better default styles.<\/p>\n\n\n\n

05. Vidact<\/a><\/h3>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Vidact is an interesting project that takes your React code as input and transforms it into vanilla JS that has the same functionality but doesn’t rely on virtual DOM. It is similar to the popular Svelte framework<\/a> but it doesn’t introduce any new syntax – it just takes React components and outputs plain JavaScript.<\/p>\n\n\n\n

06. 98.css<\/a><\/h3>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

A fun CSS framework for building retro user interfaces in the style of Windows 98. Like most other UI frameworks it gives you some basic style utilities and a collection of components for quickly building a layout, only this time that layout will have the nostalgic charm of Windows from over two decades ago.<\/p>\n\n\n\n

07. Markmap<\/a><\/h3>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Useful JS tool that helps you visualize large Markdown documents by generating mindmaps. It takes all the sections of the .md file and presents them in a way that is easy to follow and navigate.<\/p>\n\n\n\n

08. jExcel<\/a><\/h3>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Vanilla JavaScript library with no external dependencies that makes it super easy to create excel-like spreadsheets. The interactive tables offer tons of features, lots of customization options, and excellent browser support.<\/p>\n\n\n\n

09. SiriWave<\/a><\/h3>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

A nicely done Canvas animation, replicating the Siri assistant voice wave. There are plenty of customization options via the JavaScript API so with a little tinkering you can use this to create fantastic looking music or voice visualizations.<\/p>\n\n\n\n

10. Checklist<\/a><\/h3>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Beautiful design for a shopping list, featuring some stunning animations created only using CSS. Make sure to check out Milan Raring’s other CodePens<\/a>, there are many other amazing little designs there!<\/p>\n","protected":false},"excerpt":{"rendered":"

Our job at Azoora\u2019s Blog is to keep you up to date with the latest and coolest trends in web industry. That\u2019s why every month we release a handpicked collection of some of the best resources that we\u2019ve stumbled upon which deemed worthy of your attention. If you enjoy these articles, please share your thoughts […]<\/p>\n","protected":false},"author":2,"featured_media":4211,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[4,145,7,12,76,95],"tags":[93,25,56,94,146,28,116,87,34,166,90,48],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/interesting-may.jpg","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-15P","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/4205"}],"collection":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/comments?post=4205"}],"version-history":[{"count":1,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/4205\/revisions"}],"predecessor-version":[{"id":4217,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/4205\/revisions\/4217"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/4211"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=4205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=4205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=4205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}