{"id":2529,"date":"2019-06-15T05:13:13","date_gmt":"2019-06-15T05:13:13","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=2529"},"modified":"2019-07-22T05:27:24","modified_gmt":"2019-07-22T05:27:24","slug":"10-interesting-js-and-css-libraries-for-june-2019","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-june-2019\/","title":{"rendered":"10 Interesting JS and CSS Libraries for June 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 rel=\"noreferrer noopener\" href=\"https:\/\/shopify.github.io\/draggable\/\" target=\"_blank\">1. Draggable<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2531\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-june-2019\/attachment\/draggable\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/draggable.jpg\" data-orig-size=\"1536,724\" 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=\"draggable\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/draggable-300x141.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/draggable-1024x483.jpg\" loading=\"lazy\" width=\"1024\" height=\"483\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/draggable-1024x483.jpg\" alt=\"\" class=\"wp-image-2531\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/draggable-1024x483.jpg 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/draggable-300x141.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/draggable-768x362.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/draggable-720x339.jpg 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/draggable-580x273.jpg 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/draggable-320x151.jpg 320w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/draggable.jpg 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Draggable is a lightweight, modular drag and drop library by Shopify. It offers advanced drag and drop functionality with fast DOM reordering, clean API and accessible markup. It comes with additional modules that can be included to add more features like sorting, swapping and other utilities.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/robb0wen\/tornis\" target=\"_blank\">2. Tornis<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2539\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-june-2019\/attachment\/tornis\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/tornis.jpg\" data-orig-size=\"898,422\" 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=\"tornis\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/tornis-300x141.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/tornis.jpg\" loading=\"lazy\" width=\"898\" height=\"422\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/tornis.jpg\" alt=\"\" class=\"wp-image-2539\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/tornis.jpg 898w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/tornis-300x141.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/tornis-768x361.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/tornis-720x338.jpg 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/tornis-580x273.jpg 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/tornis-320x150.jpg 320w\" sizes=\"(max-width: 898px) 100vw, 898px\" \/><\/figure>\n\n\n\n<p>Cool JavaScript library that offers a new way to add event listeners to the browser. Tornis keeps track of viewport position, mouse movements and other data from the page, keeping them organized in a state object. You hook functions to that state, and they run every time the data changes.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/mholt\/PapaParse\" target=\"_blank\">3. PapaParse<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2537\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-june-2019\/attachment\/papaparse\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/papaparse.png\" data-orig-size=\"982,135\" 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=\"papaparse\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/papaparse-300x41.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/papaparse.png\" loading=\"lazy\" width=\"982\" height=\"135\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/papaparse.png\" alt=\"\" class=\"wp-image-2537\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/papaparse.png 982w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/papaparse-300x41.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/papaparse-768x106.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/papaparse-720x99.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/papaparse-580x80.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/papaparse-320x44.png 320w\" sizes=\"(max-width: 982px) 100vw, 982px\" \/><\/figure>\n\n\n\n<p>Papa Parse is the fastest in-browser CSV parser for JavaScript. It has many powerful features such as handling large files. working with malformed input, reverse parsing, and much more, all while keeping a friendly, easy to use API.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/mapbox\/pixelmatch\" target=\"_blank\">4. Pixelmatch<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2538\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-june-2019\/attachment\/pixelmatch\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/pixelmatch.jpg\" data-orig-size=\"988,472\" 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=\"pixelmatch\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/pixelmatch-300x143.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/pixelmatch.jpg\" loading=\"lazy\" width=\"988\" height=\"472\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/pixelmatch.jpg\" alt=\"\" class=\"wp-image-2538\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/pixelmatch.jpg 988w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/pixelmatch-300x143.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/pixelmatch-768x367.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/pixelmatch-720x344.jpg 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/pixelmatch-580x277.jpg 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/pixelmatch-320x153.jpg 320w\" sizes=\"(max-width: 988px) 100vw, 988px\" \/><\/figure>\n\n\n\n<p>The smallest, simplest and fastest JavaScript library for accurately comparing images pixel by pixel. Originally created to compare screenshots in tests, it works both in node and the browser and has no required dependencies.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/vitalets\/await-timeout\" target=\"_blank\">5. Await Timeout<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2530\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-june-2019\/attachment\/await-timeout\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/await-timeout.png\" data-orig-size=\"890,172\" 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=\"await-timeout\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/await-timeout-300x58.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/await-timeout.png\" loading=\"lazy\" width=\"890\" height=\"172\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/await-timeout.png\" alt=\"\" class=\"wp-image-2530\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/await-timeout.png 890w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/await-timeout-300x58.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/await-timeout-768x148.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/await-timeout-720x139.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/await-timeout-580x112.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/await-timeout-320x62.png 320w\" sizes=\"(max-width: 890px) 100vw, 890px\" \/><\/figure>\n\n\n\n<p>Tiny JavaScript library that provides a Promise-based API for setTimeout and clearTimeout. It makes it very easy to create asynchronous timeouts, which can be controlled via the awesome\u00a0<code>async \/ await<\/code>\u00a0keywords for clearer code.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/pqina\/filepond\" target=\"_blank\">6. Filepond<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2533\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-june-2019\/attachment\/filepond\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/filepond.jpg\" data-orig-size=\"1652,768\" 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=\"filepond\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/filepond-300x139.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/filepond-1024x476.jpg\" loading=\"lazy\" width=\"1024\" height=\"476\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/filepond-1024x476.jpg\" alt=\"\" class=\"wp-image-2533\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/filepond-1024x476.jpg 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/filepond-300x139.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/filepond-768x357.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/filepond-720x335.jpg 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/filepond-580x270.jpg 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/filepond-320x149.jpg 320w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/filepond.jpg 1652w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A JavaScript library that can upload anything you throw at it. It provides a great user experience for the user, and also does cool stuff under the hood like optimizing images for faster uploads. Only 21 KB gzipped, with adapters available for React, Vue, Angular and jQuery.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/heiseonline\/embetty\" target=\"_blank\">7. Embetty<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2532\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-june-2019\/attachment\/embetty\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/embetty.jpg\" data-orig-size=\"917,192\" 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=\"embetty\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/embetty-300x63.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/embetty.jpg\" loading=\"lazy\" width=\"917\" height=\"192\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/embetty.jpg\" alt=\"\" class=\"wp-image-2532\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/embetty.jpg 917w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/embetty-300x63.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/embetty-768x161.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/embetty-720x151.jpg 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/embetty-580x121.jpg 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/embetty-320x67.jpg 320w\" sizes=\"(max-width: 917px) 100vw, 917px\" \/><\/figure>\n\n\n\n<p>A pair of tools that make it possible to embed remote content like tweets and video while keeping your privacy. It consists of an&nbsp;<a href=\"https:\/\/github.com\/heiseonline\/embetty-server\" target=\"_blank\" rel=\"noreferrer noopener\">Embetty server<\/a>&nbsp;that works as a proxy, and a&nbsp;<a href=\"https:\/\/github.com\/heiseonline\/embetty\" target=\"_blank\" rel=\"noreferrer noopener\">frontend library<\/a>&nbsp;that helps with the actual embedding of media into your page.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/mui-org\/material-ui\" target=\"_blank\">8. Material UI<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2535\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-june-2019\/attachment\/material-ui\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/material-ui.png\" data-orig-size=\"1315,272\" 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=\"material-ui\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/material-ui-300x62.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/material-ui-1024x212.png\" loading=\"lazy\" width=\"1024\" height=\"212\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/material-ui-1024x212.png\" alt=\"\" class=\"wp-image-2535\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/material-ui-1024x212.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/material-ui-300x62.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/material-ui-768x159.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/material-ui-720x149.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/material-ui-580x120.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/material-ui-320x66.png 320w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/material-ui.png 1315w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>An awesome collection of UI components that implement Google&#8217;s Material Design. This tried and tested React framework recently got its v4.0 update, including lots of improved components and other utilities.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/Microsoft\/monaco-editor\" target=\"_blank\">9. Monaco Editor<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2536\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-june-2019\/attachment\/monaco\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/monaco.jpg\" data-orig-size=\"785,370\" 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=\"monaco\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/monaco-300x141.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/monaco.jpg\" loading=\"lazy\" width=\"785\" height=\"370\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/monaco.jpg\" alt=\"\" class=\"wp-image-2536\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/monaco.jpg 785w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/monaco-300x141.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/monaco-768x362.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/monaco-720x339.jpg 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/monaco-580x273.jpg 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/monaco-320x151.jpg 320w\" sizes=\"(max-width: 785px) 100vw, 785px\" \/><\/figure>\n\n\n\n<p>The engine behind the hugely popular VSCode editor. It has everything you&#8217;d expect out of a modern code editor &#8211; syntax highlighting for many languages, multiple cursors, keyboard shortcuts, code completion, and much more. Monaco is open-sourced so it can be used to power any project you have in mind.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/sh-dv\/hat.sh\" target=\"_blank\">10. Hat.sh<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2534\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-june-2019\/attachment\/hatsh\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/hatsh.png\" data-orig-size=\"960,162\" 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=\"hatsh\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/hatsh-300x51.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/hatsh.png\" loading=\"lazy\" width=\"960\" height=\"162\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/hatsh.png\" alt=\"\" class=\"wp-image-2534\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/hatsh.png 960w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/hatsh-300x51.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/hatsh-768x130.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/hatsh-720x122.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/hatsh-580x98.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/hatsh-320x54.png 320w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>Hat.sh is a JavaScript based app that provides secure file encryption using the WebCrypto API. It&#8217;s fast, secure and serverless, never uploading your files to the server. You can use it to quickly encrypt and decrypt any type of file in seconds, hassle-free.<\/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":2541,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[4,7,12,95],"tags":[25,94,86,28,116,87,54,48,50],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/interesting-js-and-css-libraries-june.jpg","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-EN","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/2529"}],"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=2529"}],"version-history":[{"count":1,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/2529\/revisions"}],"predecessor-version":[{"id":2542,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/2529\/revisions\/2542"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/2541"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=2529"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=2529"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=2529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}