{"id":2139,"date":"2019-03-15T02:40:25","date_gmt":"2019-03-15T02:40:25","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=2139"},"modified":"2019-07-03T01:33:01","modified_gmt":"2019-07-03T01:33:01","slug":"10-interesting-js-css-libraries-for-march-2019","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/code\/10-interesting-js-css-libraries-for-march-2019\/","title":{"rendered":"10 Interesting JS &#038; CSS Libraries for March 2019"},"content":{"rendered":"\n<p>Our job at Azoora&#8217;s 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 <a href=\"https:\/\/www.facebook.com\/AzooraOfficial\/\">Facebook<\/a>, <a href=\"https:\/\/twitter.com\/Azoora\">Twitter <\/a>&amp; <a href=\"https:\/\/www.linkedin.com\/company\/azoora\/\">LinkedIn <\/a>to keep our visitors engaged with cool new libraries, articles &amp; design &amp; development resources!<\/p>\n\n\n\n<h3><a href=\"https:\/\/github.com\/jaames\/iro.js\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"1. Iro (opens in a new tab)\">1. Iro<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2146\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-css-libraries-for-march-2019\/attachment\/iro\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/iro.jpg\" data-orig-size=\"1135,537\" 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=\"iro\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/iro-300x142.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/iro-1024x484.jpg\" loading=\"lazy\" width=\"1024\" height=\"484\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/iro-1024x484.jpg\" alt=\"\" class=\"wp-image-2146\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/iro-1024x484.jpg 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/iro-300x142.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/iro-768x363.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/iro-720x341.jpg 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/iro-580x274.jpg 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/iro-320x151.jpg 320w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/iro.jpg 1135w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Awesome color wheel with a straightforward API, great design, and a SVG-based interface that looks crisp at any screen resolution. The plugin is fully supported by all modern browsers, including mobile and other touch enabled devices.<br><\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" aria-label=\"2. Stisla (opens in a new tab)\" href=\"https:\/\/github.com\/codercom\/code-server\" target=\"_blank\">2. Code Server<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2143\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-css-libraries-for-march-2019\/attachment\/code-server\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/code-server.jpg\" data-orig-size=\"1196,637\" 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=\"code-server\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/code-server-300x160.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/code-server-1024x545.jpg\" loading=\"lazy\" width=\"1024\" height=\"545\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/code-server-1024x545.jpg\" alt=\"\" class=\"wp-image-2143\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/code-server-1024x545.jpg 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/code-server-300x160.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/code-server-768x409.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/code-server-720x383.jpg 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/code-server-580x309.jpg 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/code-server-320x170.jpg 320w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/code-server.jpg 1196w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This GitHub repo helps you setup a self-hosted remote working environment with Linux and Visual Studio Code running on a remote server. After everything is configured, you will be able to code from anywhere and any machine just by opening a URL in the browser.<br><\/p>\n\n\n\n<h3><a href=\"https:\/\/github.com\/victordibia\/handtrack.js\">3. Handtrack.js<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2144\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-css-libraries-for-march-2019\/attachment\/handtrack\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/handtrack.jpg\" data-orig-size=\"1058,503\" 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=\"handtrack\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/handtrack-300x143.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/handtrack-1024x487.jpg\" loading=\"lazy\" width=\"1024\" height=\"487\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/handtrack-1024x487.jpg\" alt=\"\" class=\"wp-image-2144\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/handtrack-1024x487.jpg 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/handtrack-300x143.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/handtrack-768x365.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/handtrack-720x342.jpg 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/handtrack-580x276.jpg 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/handtrack-320x152.jpg 320w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/handtrack.jpg 1058w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>An amazing JavaScript library that detects the position of hands in images and video. Built using a pre-trained&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.tensorflow.org\/\" target=\"_blank\">Tensorflow<\/a>&nbsp;neural network and is fully-functional right out of the box. Can be installed super easily, just include it into your page via the CDN link.<br><\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" aria-label=\"4. Leon (opens in a new tab)\" href=\"https:\/\/github.com\/jaywcjlove\/hotkeys\" target=\"_blank\">4. Hotkeys<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2145\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-css-libraries-for-march-2019\/attachment\/hotkeys\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/hotkeys.png\" data-orig-size=\"850,394\" 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=\"hotkeys\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/hotkeys-300x139.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/hotkeys.png\" loading=\"lazy\" width=\"850\" height=\"394\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/hotkeys.png\" alt=\"\" class=\"wp-image-2145\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/hotkeys.png 850w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/hotkeys-300x139.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/hotkeys-768x356.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/hotkeys-720x334.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/hotkeys-580x269.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/hotkeys-320x148.png 320w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/figure>\n\n\n\n<p>Robust, zero-dependencies JavaScript library that makes it very easy to handle keyboard presses, modifiers, and key combinations. The API is very user-friendly and the GitHub repo has good documentation with lots of examples that cover most use cases.<br><\/p>\n\n\n\n<h3><a href=\"https:\/\/github.com\/Ghosh\/micromodal\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"5. Micromodal.js (opens in a new tab)\">5. Micromodal.js<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2147\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-css-libraries-for-march-2019\/attachment\/micromodal\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/micromodal.png\" data-orig-size=\"939,504\" 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=\"micromodal\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/micromodal-300x161.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/micromodal.png\" loading=\"lazy\" width=\"939\" height=\"504\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/micromodal.png\" alt=\"\" class=\"wp-image-2147\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/micromodal.png 939w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/micromodal-300x161.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/micromodal-768x412.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/micromodal-720x386.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/micromodal-580x311.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/micromodal-320x172.png 320w\" sizes=\"(max-width: 939px) 100vw, 939px\" \/><\/figure>\n\n\n\n<p>Super lightweight library (only 1.9kb) for building dialogs with perfect accessibility markup and controls (close on pressing escape, clicking on overlay, etc). Simple installation and minimal default CSS for easier styling and customization.<br><\/p>\n\n\n\n<h3><a href=\"https:\/\/github.com\/autoNumeric\/autoNumeric\/\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">6. AutoNumeric<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2141\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-css-libraries-for-march-2019\/attachment\/autonumeric\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/autonumeric.png\" data-orig-size=\"929,407\" 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=\"autonumeric\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/autonumeric-300x131.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/autonumeric.png\" loading=\"lazy\" width=\"929\" height=\"407\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/autonumeric.png\" alt=\"\" class=\"wp-image-2141\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/autonumeric.png 929w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/autonumeric-300x131.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/autonumeric-768x336.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/autonumeric-720x315.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/autonumeric-580x254.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/autonumeric-320x140.png 320w\" sizes=\"(max-width: 929px) 100vw, 929px\" \/><\/figure>\n\n\n\n<p>Javascript library that provides live as-you-type formatting for international numbers and currencies. It provides a full set of customization options that allow you to dial in the formats exactly to your liking.<br><\/p>\n\n\n\n<h3><a href=\"https:\/\/github.com\/typpo\/quickchart\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"7. Quickchart (opens in a new tab)\">7. Quickchart<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2148\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-css-libraries-for-march-2019\/attachment\/quickchart\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/quickchart.png\" data-orig-size=\"1094,581\" 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=\"quickchart\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/quickchart-300x159.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/quickchart-1024x544.png\" loading=\"lazy\" width=\"1024\" height=\"544\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/quickchart-1024x544.png\" alt=\"\" class=\"wp-image-2148\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/quickchart-1024x544.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/quickchart-300x159.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/quickchart-768x408.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/quickchart-720x382.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/quickchart-580x308.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/quickchart-320x170.png 320w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/quickchart.png 1094w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This free service takes data as URL parameters and uses it to generate customizable charts in PNG and SVG. Can be easily self-hosted as well, using the setup script in the GitHub repo. This service is created as a direct replacement for the Google Image Charts API which is scheduled to turn off soon.<br><\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/felixrieseberg\/windows95\" target=\"_blank\">8. Subsync<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2149\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-css-libraries-for-march-2019\/attachment\/subsync\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/subsync.png\" data-orig-size=\"952,427\" 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=\"subsync\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/subsync-300x135.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/subsync.png\" loading=\"lazy\" width=\"952\" height=\"427\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/subsync.png\" alt=\"\" class=\"wp-image-2149\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/subsync.png 952w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/subsync-300x135.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/subsync-768x344.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/subsync-720x323.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/subsync-580x260.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/subsync-320x144.png 320w\" sizes=\"(max-width: 952px) 100vw, 952px\" \/><\/figure>\n\n\n\n<p>The entire Windows 95 operating system recreated in JavaScript and packaged in an Electron app. It&#8217;s a fun project to play around and all of its source code is available on GitHub if you want to see how the whole thing is made.<\/p>\n\n\n\n<h3><a href=\"https:\/\/github.com\/remoteinterview\/zero\">9. Zero Server<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2150\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-css-libraries-for-march-2019\/attachment\/zero-server\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/zero-server.png\" data-orig-size=\"928,484\" 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=\"zero-server\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/zero-server-300x156.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/zero-server.png\" loading=\"lazy\" width=\"928\" height=\"484\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/zero-server.png\" alt=\"\" class=\"wp-image-2150\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/zero-server.png 928w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/zero-server-300x156.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/zero-server-768x401.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/zero-server-720x376.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/zero-server-580x303.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/zero-server-320x167.png 320w\" sizes=\"(max-width: 928px) 100vw, 928px\" \/><\/figure>\n\n\n\n<p>This awesome framework allows you to build web apps without having to worry about server configuration, package management or routing. Simply write your code in a mix of Node.js, React, HTML, MDX, Vue, and static files, put them all in a folder, and the framework will automatically serve each file accordingly.<br><\/p>\n\n\n\n<h3><a href=\"https:\/\/github.com\/sindresorhus\/capture-website\">10. Capture Website<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2142\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-css-libraries-for-march-2019\/attachment\/capture-website\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/capture-website.png\" data-orig-size=\"886,393\" 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=\"capture-website\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/capture-website-300x133.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/capture-website.png\" loading=\"lazy\" width=\"886\" height=\"393\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/capture-website.png\" alt=\"\" class=\"wp-image-2142\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/capture-website.png 886w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/capture-website-300x133.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/capture-website-768x341.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/capture-website-720x319.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/capture-website-580x257.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/capture-website-320x142.png 320w\" sizes=\"(max-width: 886px) 100vw, 886px\" \/><\/figure>\n\n\n\n<p>Node.js library for capturing screenshots of websites. The project provides all the needed tools and options for the job and under the hood it&#8217;s powered by the&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/GoogleChrome\/puppeteer\" target=\"_blank\">Puppeteer<\/a>&nbsp;headless Chrome API . There is a&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/sindresorhus\/capture-website-cli\" target=\"_blank\">command-line<\/a>version as well.<br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our job at Azoora&#8217;s 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":2153,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[4,7,77,12,95],"tags":[56,94,28,116,87,48],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/04\/interesting-js-and-css-libraries-march.jpg","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-yv","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/2139"}],"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=2139"}],"version-history":[{"count":2,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/2139\/revisions"}],"predecessor-version":[{"id":2419,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/2139\/revisions\/2419"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/2153"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=2139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=2139"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=2139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}