{"id":4179,"date":"2020-03-15T08:54:00","date_gmt":"2020-03-15T08:54:00","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=4179"},"modified":"2020-05-16T09:13:23","modified_gmt":"2020-05-16T09:13:23","slug":"10-interesting-js-and-css-libraries-for-march-2020","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-march-2020\/","title":{"rendered":"10 Interesting JS and CSS Libraries for March 2020"},"content":{"rendered":"\n<p>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<p>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\u00a0<a href=\"https:\/\/www.facebook.com\/AzooraOfficial\/\">Facebook<\/a>,\u00a0<a href=\"https:\/\/twitter.com\/Azoora\">Twitter\u00a0<\/a>&amp;\u00a0<a href=\"https:\/\/www.linkedin.com\/company\/azoora\/\">LinkedIn\u00a0<\/a>to keep our visitors engaged with cool new libraries, articles &amp; design &amp; development resources!<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/electron-react-boilerplate\/electron-react-boilerplate\" target=\"_blank\">01. Electron React Boilerplate<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/electron-react-boilerplate\/electron-react-boilerplate\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"4183\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-march-2020\/attachment\/electron-boilerplate\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/electron-boilerplate.jpg\" data-orig-size=\"1188,490\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"electron-boilerplate\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/electron-boilerplate-300x124.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/electron-boilerplate-1024x422.jpg\" loading=\"lazy\" width=\"1024\" height=\"422\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/electron-boilerplate-1024x422.jpg\" alt=\"\" class=\"wp-image-4183\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/electron-boilerplate-1024x422.jpg 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/electron-boilerplate-300x124.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/electron-boilerplate-768x317.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/electron-boilerplate.jpg 1188w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Great starter kit for developing cross-platform desktop apps based on Electron. The GitHub project offers a solid foundation that will help you configure everything and get started in no time. Includes Electron, React, Redux, Webpack, hot loading, and much more.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/pchen66.github.io\/Panolens\/\" target=\"_blank\">02. Panolens<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/pchen66.github.io\/Panolens\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"4188\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-march-2020\/attachment\/panolens\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/panolens.jpg\" data-orig-size=\"995,439\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"panolens\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/panolens-300x132.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/panolens.jpg\" loading=\"lazy\" width=\"995\" height=\"439\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/panolens.jpg\" alt=\"\" class=\"wp-image-4188\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/panolens.jpg 995w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/panolens-300x132.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/panolens-768x339.jpg 768w\" sizes=\"(max-width: 995px) 100vw, 995px\" \/><\/a><\/figure>\n\n\n\n<p>Awesome JavaScript panorama viewer library for creating beautiful 360\u00b0 experiences right in the browser. The library is based on Three.js and keeps performance fast and smooth, even when showing high-quality photos or videos.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/ocs.now.sh\/\" target=\"_blank\">03. Octomments<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/ocs.now.sh\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"4187\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-march-2020\/attachment\/octomoments\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/octomoments.jpg\" data-orig-size=\"881,164\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"octomoments\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/octomoments-300x56.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/octomoments.jpg\" loading=\"lazy\" width=\"881\" height=\"164\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/octomoments.jpg\" alt=\"\" class=\"wp-image-4187\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/octomoments.jpg 881w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/octomoments-300x56.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/octomoments-768x143.jpg 768w\" sizes=\"(max-width: 881px) 100vw, 881px\" \/><\/a><\/figure>\n\n\n\n<p>Really smart solution for adding comments to your website that uses GitHub as source of the discussion. The project consists of a GitHub App and a JS library that work together to display a fully-featured comment section, hosted inside a selected GitHub repo issue.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/facebookexperimental\/rome\" target=\"_blank\">04. Rome<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/facebookexperimental\/rome\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"4189\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-march-2020\/attachment\/rome\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/rome.png\" data-orig-size=\"897,261\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"rome\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/rome-300x87.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/rome.png\" loading=\"lazy\" width=\"897\" height=\"261\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/rome.png\" alt=\"\" class=\"wp-image-4189\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/rome.png 897w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/rome-300x87.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/rome-768x223.png 768w\" sizes=\"(max-width: 897px) 100vw, 897px\" \/><\/a><\/figure>\n\n\n\n<p>A new Experimental JavaScript toolchain from the Facebook team that includes a full ecosystem for working with JS code, consisting of a compiler, linter, formatter, bundler, and testing framework.. All the tools are specifically created for Rome, don&#8217;t rely on any external dependencies and are made to connect seamlessly with each other.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/masscode.io\/\" target=\"_blank\">05. massCode<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/masscode.io\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"4186\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-march-2020\/attachment\/masscode\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/masscode.jpg\" data-orig-size=\"1044,502\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"masscode\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/masscode-300x144.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/masscode-1024x492.jpg\" loading=\"lazy\" width=\"1024\" height=\"492\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/masscode-1024x492.jpg\" alt=\"\" class=\"wp-image-4186\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/masscode-1024x492.jpg 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/masscode-300x144.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/masscode-768x369.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/masscode.jpg 1044w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>MassCode is an open-source code snippet manager for developers. This great little app provides a clean interface for managing all your code snippets and cheatsheets. Works for Mac, Windows and Linux.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/twbs\/bootlint\" target=\"_blank\">06. Bootlint<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/twbs\/bootlint\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"4180\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-march-2020\/attachment\/bootlint\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/bootlint.png\" data-orig-size=\"1033,277\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"bootlint\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/bootlint-300x80.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/bootlint-1024x275.png\" loading=\"lazy\" width=\"1024\" height=\"275\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/bootlint-1024x275.png\" alt=\"\" class=\"wp-image-4180\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/bootlint-1024x275.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/bootlint-300x80.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/bootlint-768x206.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/bootlint.png 1033w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>New linter tool by the Bootstrap team that helps you check if your pages are using Bootstrap&#8217;s components with correctly-structured HTML. It also makes sure the proper tags are included, an HTML5 doctype declaration is present, and the overall markup of the page is valid.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/nickdeny\/darkmode-js\" target=\"_blank\">07. DarkModeJS<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/nickdeny\/darkmode-js\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"4182\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-march-2020\/attachment\/darkmode\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/darkmode.png\" data-orig-size=\"970,307\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"darkmode\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/darkmode-300x95.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/darkmode.png\" loading=\"lazy\" width=\"970\" height=\"307\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/darkmode.png\" alt=\"\" class=\"wp-image-4182\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/darkmode.png 970w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/darkmode-300x95.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/darkmode-768x243.png 768w\" sizes=\"(max-width: 970px) 100vw, 970px\" \/><\/a><\/figure>\n\n\n\n<p>Super lightweight JS library that helps you implement dark &amp; light teams in your apps. It detects the user&#8217;s local time and switches the appearance of your UI accordingly. Light and dark themes are not provided.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/suchipi\/hex-engine\" target=\"_blank\">08. Hex Engine<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/suchipi\/hex-engine\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"4184\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-march-2020\/attachment\/heg-engine\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/heg-engine.png\" data-orig-size=\"1196,220\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"heg-engine\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/heg-engine-300x55.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/heg-engine-1024x188.png\" loading=\"lazy\" width=\"1024\" height=\"188\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/heg-engine-1024x188.png\" alt=\"\" class=\"wp-image-4184\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/heg-engine-1024x188.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/heg-engine-300x55.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/heg-engine-768x141.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/heg-engine.png 1196w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Modern 2D engine for making browser games. This powerful game development toolkit features a Canvas-based rendering engine, physics and sound helpers, gamepad support, integrated dev tools, and more.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/heelhook\/chardin.js\" target=\"_blank\">09. Chardin.js<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/heelhook\/chardin.js\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"4181\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-march-2020\/attachment\/chardin\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/chardin.jpg\" data-orig-size=\"1394,629\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"chardin\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/chardin-300x135.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/chardin-1024x462.jpg\" loading=\"lazy\" width=\"1024\" height=\"462\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/chardin-1024x462.jpg\" alt=\"\" class=\"wp-image-4181\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/chardin-1024x462.jpg 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/chardin-300x135.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/chardin-768x347.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/chardin.jpg 1394w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Tiny JS tool that makes it super easy to add overlay instructions for your apps. These guides can be super helpful in explaining the UI, demoing the various app features or simply showing the user what to do next.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/estevanmaito.github.io\/sharect\/\" target=\"_blank\">10. Sharect<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/estevanmaito.github.io\/sharect\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"4190\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-march-2020\/attachment\/sharect-2\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/sharect.png\" data-orig-size=\"960,130\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"sharect\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/sharect-300x41.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/sharect.png\" loading=\"lazy\" width=\"960\" height=\"130\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/sharect.png\" alt=\"\" class=\"wp-image-4190\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/sharect.png 960w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/sharect-300x41.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/sharect-768x104.png 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/a><\/figure>\n\n\n\n<p>Sharect is a tiny, no-dependencies JS library for sharing text selections in social media. By adding it to your setup, you can enable your users to quickly post text selections to Twitter and Facebook, similar to the share feature on Medium.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":4185,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[102,4,145,128,10,12,131,14],"tags":[103,25,146,129,87,132,137,92],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/05\/interesting-js-and-css-libraries-march.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\/4179"}],"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=4179"}],"version-history":[{"count":1,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/4179\/revisions"}],"predecessor-version":[{"id":4191,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/4179\/revisions\/4191"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/4185"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=4179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=4179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=4179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}