{"id":3881,"date":"2020-02-15T02:01:00","date_gmt":"2020-02-15T02:01:00","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=3881"},"modified":"2020-02-22T02:28:03","modified_gmt":"2020-02-22T02:28:03","slug":"10-interesting-js-and-css-libraries-for-february-2020","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-february-2020\/","title":{"rendered":"10 Interesting JS and CSS Libraries for February 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 href=\"https:\/\/aframe.io\/\">01. A-Frame<\/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=\"3882\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-february-2020\/attachment\/afrmae\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/afrmae.png\" data-orig-size=\"1274,740\" 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=\"afrmae\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/afrmae-300x174.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/afrmae-1024x595.png\" loading=\"lazy\" width=\"1024\" height=\"595\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/afrmae-1024x595.png\" alt=\"\" class=\"wp-image-3882\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/afrmae-1024x595.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/afrmae-300x174.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/afrmae-768x446.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/afrmae.png 1274w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>A-frame is one of the most popular and feature-packed VR frameworks out there. It&#8217;s based on web technologies like HTML and JS, so it&#8217;s super easy to get into, while at the same time offering support for most major VR platforms like Vive and Rift. It recently had its official v1.0.0 release and is better than ever.<\/p>\n\n\n\n<h3><a href=\"https:\/\/reactnicedates.hernansartorio.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"02. React Nice Dates (opens in a new tab)\">02. React Nice Dates<\/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=\"3887\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-february-2020\/attachment\/react-nice-dates\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/react-nice-dates.png\" data-orig-size=\"1377,553\" 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=\"react-nice-dates\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/react-nice-dates-300x120.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/react-nice-dates-1024x411.png\" loading=\"lazy\" width=\"1024\" height=\"411\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/react-nice-dates-1024x411.png\" alt=\"\" class=\"wp-image-3887\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/react-nice-dates-1024x411.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/react-nice-dates-300x120.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/react-nice-dates-768x308.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/react-nice-dates.png 1377w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Touch-friendly date-picker for React with a beautiful design. The library is fully modular, consisting of separate components and utilities which can be mix-and-matched to create the perfect date picker for your needs.<\/p>\n\n\n\n<h3><a href=\"https:\/\/www.snowpack.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"03. Snowpack (opens in a new tab)\">03. Snowpack<\/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=\"3888\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-february-2020\/attachment\/snowpack\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/snowpack.png\" data-orig-size=\"1461,184\" 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=\"snowpack\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/snowpack-300x38.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/snowpack-1024x129.png\" loading=\"lazy\" width=\"1024\" height=\"129\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/snowpack-1024x129.png\" alt=\"\" class=\"wp-image-3888\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/snowpack-1024x129.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/snowpack-300x38.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/snowpack-768x97.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/snowpack-1400x176.png 1400w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/snowpack.png 1461w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Revolutionary new tool for bundling JavaScript dependencies. Unlike Webpack and other bundlers, which recompile your assets after every file change, Snowpack does only an initial setup. After everything is compiled, any new changes to your code will be instantly available without a build step.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" aria-label=\"04. CSS Layout (opens in a new tab)\" href=\"https:\/\/github.com\/prevwong\/craft.js\" target=\"_blank\">04. Craft.j<\/a><a href=\"https:\/\/github.com\/prevwong\/craft.js\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"04. CSS Layout (opens in a new tab)\">s<\/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=\"3883\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-february-2020\/attachment\/craft\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/craft.png\" data-orig-size=\"1346,715\" 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=\"craft\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/craft-300x159.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/craft-1024x544.png\" loading=\"lazy\" width=\"1024\" height=\"544\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/craft-1024x544.png\" alt=\"\" class=\"wp-image-3883\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/craft-1024x544.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/craft-300x159.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/craft-768x408.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/craft.png 1346w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Great React framework that helps you create user-friendly page editors. It makes it possible to change the content of a web page using drag &amp; drop, detailed text controls, media embeds, and more. Perfect for building content management systems and WYSIWYG apps.<\/p>\n\n\n\n<h3><a href=\"https:\/\/yarnpkg.com\/\">05. Yarn 2<\/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=\"3891\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-february-2020\/attachment\/yarn\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/yarn.png\" data-orig-size=\"1383,255\" 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=\"yarn\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/yarn-300x55.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/yarn-1024x189.png\" loading=\"lazy\" width=\"1024\" height=\"189\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/yarn-1024x189.png\" alt=\"\" class=\"wp-image-3891\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/yarn-1024x189.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/yarn-300x55.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/yarn-768x142.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/yarn.png 1383w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Yarn offers an excellent alternative to NPM with a number of great features like module caching for using it offline and &#8220;flat mode&#8221; that works great to reduce duplicating packages. The project just released a\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/dev.to\/arcanis\/introducing-yarn-2-4eh1\" target=\"_blank\">new major update<\/a>\u00a0so make sure to check it out.<\/p>\n\n\n\n<h3><a href=\"https:\/\/github.com\/microsoft\/playwright\">06. Playwright<\/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=\"3886\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-february-2020\/attachment\/playwright\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/playwright.png\" data-orig-size=\"1144,145\" 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=\"playwright\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/playwright-300x38.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/playwright-1024x130.png\" loading=\"lazy\" width=\"1024\" height=\"130\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/playwright-1024x130.png\" alt=\"\" class=\"wp-image-3886\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/playwright-1024x130.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/playwright-300x38.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/playwright-768x97.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/playwright.png 1144w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Playrwight is an awesome node library by the Microsoft team for building automated write-once-run-everywhere UI tests. It covers most browsers that are based on Chromium, WebKit and Firefox, as well as all the major operating systems. The API is really clean and easy to work with, so that you can quickly open pages, manipulate them, and take screenshots.<\/p>\n\n\n\n<h3><a href=\"https:\/\/github.com\/s-macke\/VoxelSpace\">07. VoxelSpace<\/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=\"3889\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-february-2020\/attachment\/voxel-space\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/voxel-space.jpg\" data-orig-size=\"1407,757\" 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=\"voxel-space\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/voxel-space-300x161.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/voxel-space-1024x551.jpg\" loading=\"lazy\" width=\"1024\" height=\"551\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/voxel-space-1024x551.jpg\" alt=\"\" class=\"wp-image-3889\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/voxel-space-1024x551.jpg 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/voxel-space-300x161.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/voxel-space-768x413.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/voxel-space-1400x753.jpg 1400w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/voxel-space.jpg 1407w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Interesting GitHub repo for an infinite terrain generator created from scratch. The source code has plenty of comments and is easy to follow, plus the rendering algorithm itself is very well explained in the read me. You can check out the demo\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/s-macke.github.io\/VoxelSpace\/VoxelSpace.html\" target=\"_blank\">here<\/a>.<\/p>\n\n\n\n<h3><a href=\"https:\/\/github.com\/abhijithvijayan\/web-extension-starter\">08. Web Extension Starter<\/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=\"3890\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-february-2020\/attachment\/web-extension-starter\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/web-extension-starter.png\" data-orig-size=\"1209,94\" 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=\"web-extension-starter\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/web-extension-starter-300x23.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/web-extension-starter-1024x80.png\" loading=\"lazy\" width=\"1024\" height=\"80\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/web-extension-starter-1024x80.png\" alt=\"\" class=\"wp-image-3890\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/web-extension-starter-1024x80.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/web-extension-starter-300x23.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/web-extension-starter-768x60.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/web-extension-starter.png 1209w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>This is a really handy starter kit for creating multi-browser web extensions. It makes it super easy to build web add-ons for Chrome, Firefox and Opera out of the same code base. The kit covers browser specific APIs, manifests, and build files, to make sure your plugin works everywhere.<\/p>\n\n\n\n<h3><a href=\"https:\/\/miragejs.com\/\">09. Mirage<\/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=\"3884\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-february-2020\/attachment\/mirage\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/mirage.png\" data-orig-size=\"1012,344\" 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=\"mirage\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/mirage-300x102.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/mirage.png\" loading=\"lazy\" width=\"1012\" height=\"344\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/mirage.png\" alt=\"\" class=\"wp-image-3884\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/mirage.png 1012w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/mirage-300x102.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/mirage-768x261.png 768w\" sizes=\"(max-width: 1012px) 100vw, 1012px\" \/><\/a><\/figure>\n\n\n\n<p>Powerful API mocking library for writing tests without having an actual back-end. Mirage can be configured to recreate complex dynamic scenarios, typically only possible when using a real production server. The setup can then be shared with the rest of your codebase so that the tests run on all teammates&#8217; machines.<\/p>\n\n\n\n<h3><a href=\"https:\/\/github.com\/anvaka\/panzoom\">10. Panzoom<\/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=\"3885\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-february-2020\/attachment\/panzoom\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/panzoom.jpg\" data-orig-size=\"1304,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=\"panzoom\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/panzoom-300x153.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/panzoom-1024x521.jpg\" loading=\"lazy\" width=\"1024\" height=\"521\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/panzoom-1024x521.jpg\" alt=\"\" class=\"wp-image-3885\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/panzoom-1024x521.jpg 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/panzoom-300x153.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/panzoom-768x390.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/panzoom.jpg 1304w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>As the name suggests, Pan-zoom is a framework for handling pan and zoom actions in your apps. It works great on mobile, supports both DOM elements and SVG&#8217;s, and offers plenty of customization options.<\/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":3892,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[4,145,7,8,12,14,95],"tags":[25,56,94,146,116,87,166,90,133,96,48],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/02\/interesting-js-and-css-libraries-february.jpg","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-10B","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/3881"}],"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=3881"}],"version-history":[{"count":1,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/3881\/revisions"}],"predecessor-version":[{"id":3893,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/3881\/revisions\/3893"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/3892"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=3881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=3881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=3881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}