{"id":3472,"date":"2020-01-15T17:50:00","date_gmt":"2020-01-15T17:50:00","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=3472"},"modified":"2020-01-11T06:12:35","modified_gmt":"2020-01-11T06:12:35","slug":"10-interesting-js-and-css-libraries-for-january-2020","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-january-2020\/","title":{"rendered":"10 Interesting JS and CSS Libraries for January 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&nbsp;<a href=\"https:\/\/www.facebook.com\/AzooraOfficial\/\">Facebook<\/a>,&nbsp;<a href=\"https:\/\/twitter.com\/Azoora\">Twitter&nbsp;<\/a>&amp;&nbsp;<a href=\"https:\/\/www.linkedin.com\/company\/azoora\/\">LinkedIn&nbsp;<\/a>to keep our visitors engaged with cool new libraries, articles &amp; design &amp; development resources!<ins><ins><\/ins><\/ins><br><\/p>\n\n\n\n<h3> <a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/manuelbieh\/geolib\" target=\"_blank\">1. Geolib<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/muhammederdem\/vue-interactive-paycard\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3474\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-january-2020\/attachment\/geolib\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/geolib.jpg\" data-orig-size=\"973,463\" 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=\"geolib\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/geolib-300x143.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/geolib.jpg\" loading=\"lazy\" width=\"973\" height=\"463\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/geolib.jpg\" alt=\"\" class=\"wp-image-3474\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/geolib.jpg 973w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/geolib-300x143.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/geolib-768x365.jpg 768w\" sizes=\"(max-width: 973px) 100vw, 973px\" \/><\/a><\/figure>\n\n\n\n<p>This powerful geographic library offers a lot of interesting methods for calculating distance, converting metrics, getting coordinates, working with polygons, and much more. It has no external dependencies and is super easy to setup.<\/p>\n\n\n\n<h3><a href=\"https:\/\/github.com\/alyssaxuu\/flowy\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"2. Flowy (opens in a new tab)\">2. Flowy<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/mciastek.github.io\/sal\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3482\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-january-2020\/attachment\/flowy\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/flowy.png\" data-orig-size=\"1403,663\" 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=\"flowy\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/flowy-300x142.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/flowy-1024x484.png\" loading=\"lazy\" width=\"1024\" height=\"484\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/flowy-1024x484.png\" alt=\"\" class=\"wp-image-3482\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/flowy-1024x484.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/flowy-300x142.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/flowy-768x363.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/flowy-1400x662.png 1400w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/flowy.png 1403w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Cool library that makes it possible to quickly integrate great-looking flowcharts in your app. Flowy does not simply display flowcharts &#8211; it&#8217;s actually an entire drag &amp; drop editor with a great interface, lots of customization options, gesture event listeners, and other amazing features.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" aria-label=\"3. Tina CMS (opens in a new tab)\" href=\"https:\/\/github.com\/miniMAC\/magic\/\" target=\"_blank\">3. Magi<\/a><a href=\"https:\/\/github.com\/miniMAC\/magic\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"3. Tina CMS (opens in a new tab)\">c<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/tinacms\/tinacms\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3477\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-january-2020\/attachment\/magic\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/magic.png\" data-orig-size=\"924,388\" 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=\"magic\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/magic-300x126.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/magic.png\" loading=\"lazy\" width=\"924\" height=\"388\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/magic.png\" alt=\"\" class=\"wp-image-3477\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/magic.png 924w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/magic-300x126.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/magic-768x322.png 768w\" sizes=\"(max-width: 924px) 100vw, 924px\" \/><\/a><\/figure>\n\n\n\n<p>A nice collection of over 50 CSS animations that are super smooth, customizable, and very easy to use. Just add the appropriate classes to your page elements with some JS and you&#8217;re ready to go!<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" aria-label=\"4. Ackee (opens in a new tab)\" href=\"https:\/\/github.com\/phuoc-ng\/csslayout\" target=\"_blank\">4. CSS Layou<\/a><a href=\"https:\/\/github.com\/phuoc-ng\/csslayout\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"4. Ackee (opens in a new tab)\">t<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/ackee.electerious.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3480\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-january-2020\/attachment\/css-layout\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/css-layout.png\" data-orig-size=\"1069,482\" 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=\"css-layout\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/css-layout-300x135.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/css-layout-1024x462.png\" loading=\"lazy\" width=\"1024\" height=\"462\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/css-layout-1024x462.png\" alt=\"\" class=\"wp-image-3480\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/css-layout-1024x462.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/css-layout-300x135.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/css-layout-768x346.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/css-layout.png 1069w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Great cheatsheet that can help you quickly setup popular UI and page layouts. There are also many pre-styled elements like form inputs, widgets, and other components that you can quickly copy and use in your projects.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" aria-label=\"5. Gridsome (opens in a new tab)\" href=\"https:\/\/github.com\/JustinBeckwith\/linkinator\" target=\"_blank\">5. Linkinato<\/a><a href=\"https:\/\/github.com\/JustinBeckwith\/linkinator\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"5. Gridsome (opens in a new tab)\">r<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/gridsome.org\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3476\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-january-2020\/attachment\/linkinator\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/linkinator.png\" data-orig-size=\"878,355\" 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=\"linkinator\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/linkinator-300x121.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/linkinator.png\" loading=\"lazy\" width=\"878\" height=\"355\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/linkinator.png\" alt=\"\" class=\"wp-image-3476\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/linkinator.png 878w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/linkinator-300x121.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/linkinator-768x311.png 768w\" sizes=\"(max-width: 878px) 100vw, 878px\" \/><\/a><\/figure>\n\n\n\n<p>Tiny JavaScript tool for finding broken links in your website. It crawls all of the provided HTML code, looking for anchor hrefs, included images, and other linked resources. It then checks if they work properly and don&#8217;t lead to any 404s, infinite redirects or server errors.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" aria-label=\"6. Ionic React (opens in a new tab)\" href=\"https:\/\/github.com\/fabricjs\/fabric.js\" target=\"_blank\">6. Fabri<\/a><a href=\"https:\/\/github.com\/fabricjs\/fabric.js\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"6. Ionic React (opens in a new tab)\">c<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/ionicframework.com\/blog\/announcing-ionic-react\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3481\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-january-2020\/attachment\/fabricjs\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/fabricjs.png\" data-orig-size=\"605,236\" 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=\"fabricjs\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/fabricjs-300x117.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/fabricjs.png\" loading=\"lazy\" width=\"605\" height=\"236\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/fabricjs.png\" alt=\"\" class=\"wp-image-3481\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/fabricjs.png 605w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/fabricjs-300x117.png 300w\" sizes=\"(max-width: 605px) 100vw, 605px\" \/><\/a><\/figure>\n\n\n\n<p>Powerful JavaScript framework for working with the HTML5 canvas element. It makes it super easy to draw and manipulate shapes, text, and animations in the canvas element. It also offers a great parser for converting canvas to SVG and vice versa!<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" aria-label=\"7. Karma (opens in a new tab)\" href=\"https:\/\/github.com\/leeoniya\/dropcss\" target=\"_blank\">7. DropCs<\/a><a href=\"https:\/\/github.com\/leeoniya\/dropcss\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"7. Karma (opens in a new tab)\">s<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/karma-runner\/karma\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3483\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-january-2020\/attachment\/dropcsss-2\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/dropcsss.png\" data-orig-size=\"1097,170\" 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=\"dropcsss\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/dropcsss-300x46.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/dropcsss-1024x159.png\" loading=\"lazy\" width=\"1024\" height=\"159\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/dropcsss-1024x159.png\" alt=\"\" class=\"wp-image-3483\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/dropcsss-1024x159.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/dropcsss-300x46.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/dropcsss-768x119.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/dropcsss.png 1097w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Thorough CSS cleaner that takes your HTML and CSS and returns only the styles that are actually used. It removes all unused style blocks, repeated selectors, @keyframes and more. Highly optimized and exceptionally fast.<\/p>\n\n\n\n<h3><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/responsiveviewer\/inmopeiepgfljkpkidclfgbgbmfcennb\">8. ResponsiveViewer<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/onderceylan\/pwa-asset-generator\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3478\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-january-2020\/attachment\/responsive-viewer\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/responsive-viewer.jpg\" data-orig-size=\"1509,739\" 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=\"responsive-viewer\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/responsive-viewer-300x147.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/responsive-viewer-1024x501.jpg\" loading=\"lazy\" width=\"1024\" height=\"501\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/responsive-viewer-1024x501.jpg\" alt=\"\" class=\"wp-image-3478\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/responsive-viewer-1024x501.jpg 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/responsive-viewer-300x147.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/responsive-viewer-768x376.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/responsive-viewer-1400x686.jpg 1400w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/responsive-viewer.jpg 1509w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Chrome and Firefox extension for viewing your project in multiple screen sizes at once. It makes it super easy to check how your design adapts to various viewport breakpoints, quickly showing any problems with responsiveness.<\/p>\n\n\n\n<h3><a href=\"https:\/\/github.com\/oliver-moran\/jimp\">9. Jimp<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/getinsomnia\/insomnia\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3475\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-january-2020\/attachment\/jimp-2\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/jimp.png\" data-orig-size=\"941,226\" 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=\"jimp\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/jimp-300x72.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/jimp.png\" loading=\"lazy\" width=\"941\" height=\"226\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/jimp.png\" alt=\"\" class=\"wp-image-3475\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/jimp.png 941w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/jimp-300x72.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/jimp-768x184.png 768w\" sizes=\"(max-width: 941px) 100vw, 941px\" \/><\/a><\/figure>\n\n\n\n<p>Jimp is a native image processing library for Node. It offers many tools for color manipulation, freedrawing, adding filters, and more. The library is built entirely with JavaScript and has zero dependencies, so it should work on any Node terminal right off the bat.<\/p>\n\n\n\n<h3><a href=\"https:\/\/github.com\/emilwallner\/Screenshot-to-code\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"10. Screenshot to Code (opens in a new tab)\">10. Screenshot to Code<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/SortableJS\/Sortable\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3479\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-january-2020\/attachment\/screenshots-to-code\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/screenshots-to-code.png\" data-orig-size=\"1248,108\" 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=\"screenshots-to-code\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/screenshots-to-code-300x26.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/screenshots-to-code-1024x89.png\" loading=\"lazy\" width=\"1024\" height=\"89\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/screenshots-to-code-1024x89.png\" alt=\"\" class=\"wp-image-3479\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/screenshots-to-code-1024x89.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/screenshots-to-code-300x26.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/screenshots-to-code-768x66.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/screenshots-to-code.png 1248w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Awesome tool that transforms design mockups into actual static websites. It&#8217;s based on a neural network that analyzes design images, breaks them down into HTML components, and renders a Bootstrap-based layout of the design.<\/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":3473,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[4,85,145,7,12,76,95,168],"tags":[93,25,94,146,116,87,34,166,96,48,106],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/10-interesting-js-and-css-libraries-january-2020.jpg","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-U0","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/3472"}],"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=3472"}],"version-history":[{"count":1,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/3472\/revisions"}],"predecessor-version":[{"id":3484,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/3472\/revisions\/3484"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/3473"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=3472"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=3472"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=3472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}