{"id":2123,"date":"2018-02-02T14:05:32","date_gmt":"2018-02-02T08:35:32","guid":{"rendered":"http:\/\/www.sanjaywebdesigner.com\/articles\/?p=2123"},"modified":"2018-02-02T14:05:32","modified_gmt":"2018-02-02T08:35:32","slug":"free-animation-libraries","status":"publish","type":"post","link":"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/","title":{"rendered":"5 Trendy Free Animation Libraries For The Web"},"content":{"rendered":"<div class=\"4b5c905834746893f548144bd2becc18\" data-index=\"1\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\r\n<!-- blog last -->\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:inline-block;width:336px;height:280px\"\r\n     data-ad-client=\"ca-pub-8831529092902674\"\r\n     data-ad-slot=\"8814291746\"><\/ins>\r\n<script>\r\n(adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\n<\/div>\n<p><strong>5 Best Free Animation Libraries For The Web:\u00a0<\/strong>Animation is one of the key fads for 2018 however, you don&#8217;t have to change the wheel to add activity to your sites. We look at the best free animation libraries for web tasks.<\/p>\n<p>You could build some crazy things with UI animations on the internet. This is quickly ending up being the standard for modern sites where user engagement is a big deal.<\/p>\n<p><a href=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/free-animation-libraries.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2129\" src=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/free-animation-libraries.jpg\" alt=\"5 Trendy Free Animation Libraries For The Web\" width=\"600\" height=\"372\" srcset=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/free-animation-libraries.jpg 600w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/free-animation-libraries-300x186.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>If you browse you&#8217;ll locate lots of code generators as well as custom devices to assist with animation. But you can also find cost-free libraries that&#8217;ll save you time in the coding process.<\/p>\n<p>These are my 5 picks for the very best open source web animation libraries. This includes a great mix of JavaScript libraries and CSS-only animations. Both designs are excellent as well as they both have their own advantages and downsides.<\/p>\n<p>You May Also Like:\u00a0<a href=\"http:\/\/www.sanjaywebdesigner.com\/articles\/best-plugins-adding-animation-wordpress\/\" target=\"_blank\" rel=\"noopener\"><strong>7 Best Plugins for Adding Animation Effects to WordPress Websites<\/strong><\/a><\/p>\n<p>Regardless I ensure this list will have something you&#8217;ll love.<\/p>\n<h3>1. <a href=\"https:\/\/greensock.com\/gsap\" target=\"_blank\" rel=\"noopener\">GSAP<\/a><\/h3>\n<p><a href=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/1.-GSAP.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2124\" src=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/1.-GSAP-1024x237.jpg\" alt=\"Trendy Free Animation Librarie\" width=\"665\" height=\"154\" srcset=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/1.-GSAP-1024x237.jpg 1024w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/1.-GSAP-300x70.jpg 300w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/1.-GSAP-768x178.jpg 768w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/1.-GSAP-660x153.jpg 660w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/1.-GSAP.jpg 1856w\" sizes=\"auto, (max-width: 665px) 100vw, 665px\" \/><\/a><\/p>\n<p>The GSAP library is one of the coolest totally free resources offered by developers. It runs purely on JavaScript and it&#8217;s one of the more robust animation libraries you can utilize.<\/p>\n<p>It works on top of HTML5 specifications and also plays well with all modern browsers, as well as the group is continuously updating this library with new features. It could work with SVG, canvas aspects, or perhaps jQuery things in addition to various other relevant libraries like EaselJS.<\/p>\n<p>Most definitely worth looking into if you need a powerful web animation library. This can deal with basic jobs as well yet there&#8217;s plenty of smaller sized libraries available you could pursue those.<\/p>\n<h3>2. <a href=\"http:\/\/kristofferandreasen.github.io\/wickedCSS\/\" target=\"_blank\" rel=\"noopener\">Wicked CSS<\/a><\/h3>\n<p>Right here&#8217;s one of the more recent libraries with a focus on pure CSS code. Wicked CSS services top of CSS3 properties to provide some very unbelievable results.<\/p>\n<p><a href=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/2.-Wicked-CSS.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2125\" src=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/2.-Wicked-CSS-1024x433.jpg\" alt=\"Trendy Free Animation Librarie\" width=\"665\" height=\"281\" srcset=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/2.-Wicked-CSS-1024x433.jpg 1024w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/2.-Wicked-CSS-300x127.jpg 300w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/2.-Wicked-CSS-768x324.jpg 768w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/2.-Wicked-CSS-660x279.jpg 660w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/2.-Wicked-CSS.jpg 1856w\" sizes=\"auto, (max-width: 665px) 100vw, 665px\" \/><\/a><\/p>\n<p>From the main web page, you&#8217;ll find a number of real-time demos you could examine right in the web browser. These include object turnings, turns, slide-ins, therefore numerous comparable animation effects.<\/p>\n<p>A few of these could be simple sufficient that you can develop them on your own. Yet others obtain real facility which&#8217;s just what makes the Wicked CSS library so enjoyable to play with.<\/p>\n<h3>3. <a href=\"http:\/\/shakrmedia.github.io\/tuesday\/\" target=\"_blank\" rel=\"noopener\">Tuesday<\/a><\/h3>\n<p>The one point I such as most regarding Tuesday is the simpleness of these animations. With this library, you control exactly how aspects appear and go away from the page.<\/p>\n<p><a href=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/3.-Tuesday.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2126\" src=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/3.-Tuesday-1024x324.jpg\" alt=\"Trendy Free Animation Librarie\" width=\"665\" height=\"210\" srcset=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/3.-Tuesday-1024x324.jpg 1024w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/3.-Tuesday-300x95.jpg 300w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/3.-Tuesday-768x243.jpg 768w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/3.-Tuesday-660x209.jpg 660w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/3.-Tuesday.jpg 1856w\" sizes=\"auto, (max-width: 665px) 100vw, 665px\" \/><\/a><\/p>\n<p>But these animations are not outrageous or incredibly attractive. Rather they pack a good refined strike that truly improves the page aesthetic, yet does not diminish the web content or the individual experience.<\/p>\n<p>I have not seen many websites using Tuesday however it is probably the cleanest library available.<\/p>\n<p>It runs on pure CSS as well as the animation designs are so darn affordable. They can mix with any type of site and you&#8217;ve overcome a lots fade in\/fade out designs to deal with.<\/p>\n<h3>4. <a href=\"http:\/\/mojs.io\/\" target=\"_blank\" rel=\"noopener\">Mo.js<\/a><\/h3>\n<p><a href=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/4.-Mo.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2127\" src=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/4.-Mo-1024x509.jpg\" alt=\"Trendy Free Animation Librarie\" width=\"665\" height=\"331\" srcset=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/4.-Mo-1024x509.jpg 1024w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/4.-Mo-300x149.jpg 300w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/4.-Mo-768x382.jpg 768w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/4.-Mo-660x328.jpg 660w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/4.-Mo.jpg 1856w\" sizes=\"auto, (max-width: 665px) 100vw, 665px\" \/><\/a><\/p>\n<p>Out of the many detailed JavaScript libraries for animation, I need to claim Mo.js is one of the very best. This library is enormous and also it&#8217;s truly made for activity graphics over UI\/UX animations.<\/p>\n<h3>5. <a href=\"https:\/\/github.com\/miniMAC\/magic\" target=\"_blank\" rel=\"noopener\">Magic<\/a><\/h3>\n<p>Enjoyable animations with a dash of playfulness best explain the Magic library.<\/p>\n<p><a href=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/5.-Magic.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2128\" src=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/5.-Magic-1024x410.jpg\" alt=\"Trendy Free Animation Librarie\" width=\"665\" height=\"266\" srcset=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/5.-Magic-1024x410.jpg 1024w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/5.-Magic-300x120.jpg 300w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/5.-Magic-768x307.jpg 768w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/5.-Magic-660x264.jpg 660w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/5.-Magic.jpg 1856w\" sizes=\"auto, (max-width: 665px) 100vw, 665px\" \/><\/a><\/p>\n<p>This entire collection concentrates on CSS3 animations while pressing custom-made styles that can&#8217;t be found in other places. It&#8217;s a rather big collection of CSS3 codes and you&#8217;ll find plenty of cool methods in here as well. Turnings, viewpoint flips, fading effects, lots to walk around.<\/p>\n<p>If you check out the <a href=\"https:\/\/minimamente.com\/example\/magic_animations\/\" target=\"_blank\" rel=\"noopener\">demo page<\/a> you can take a look at a few of these effects at work.<\/p>\n<p>Approved this library is still a lot smaller compared to other CSS3 libraries so it can not compete with Tuesday or Animate.css. However, it&#8217;s got a lot of cool web animations that you simply will not locate in various other libraries.<\/p>\n\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>5 Best Free Animation Libraries For The Web:\u00a0Animation is one of the key fads for 2018 however, you don&#8217;t have to change the wheel to add activity to your sites. We look at the best free animation libraries for web tasks. You could build some crazy things with UI animations on the internet. This is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2129,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,3],"tags":[934,7],"class_list":["post-2123","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design-courses-in-delhi","category-web-designing","tag-animation","tag-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>5 Trendy Free Animation Libraries For The Web - Sanjay Web Designer<\/title>\n<meta name=\"description\" content=\"5 Best Free Animation Libraries For The Web:\u00a0Animation is one of the key fads for 2018 however, you don&#039;t have to change the wheel to add activity to your sites.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Trendy Free Animation Libraries For The Web - Sanjay Web Designer\" \/>\n<meta property=\"og:description\" content=\"5 Best Free Animation Libraries For The Web:\u00a0Animation is one of the key fads for 2018 however, you don&#039;t have to change the wheel to add activity to your sites.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/\" \/>\n<meta property=\"og:site_name\" content=\"Sanjay Web Designer\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/sanjaywebdesigner\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/sanjay73jain\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-02T08:35:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/free-animation-libraries.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"372\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sanjay Jain\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/sanjaywebdesign\" \/>\n<meta name=\"twitter:site\" content=\"@sanjaywebdesign\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sanjay Jain\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/\"},\"author\":{\"name\":\"Sanjay Jain\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7f15927dca46fba8128eebb678a0ae41\"},\"headline\":\"5 Trendy Free Animation Libraries For The Web\",\"datePublished\":\"2018-02-02T08:35:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/\"},\"wordCount\":671,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/free-animation-libraries.jpg\",\"keywords\":[\"animation\",\"Web Design\"],\"articleSection\":[\"Web Design\",\"Web Designing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/\",\"name\":\"5 Trendy Free Animation Libraries For The Web - Sanjay Web Designer\",\"isPartOf\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/free-animation-libraries.jpg\",\"datePublished\":\"2018-02-02T08:35:32+00:00\",\"description\":\"5 Best Free Animation Libraries For The Web:\u00a0Animation is one of the key fads for 2018 however, you don't have to change the wheel to add activity to your sites.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/#primaryimage\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/free-animation-libraries.jpg\",\"contentUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/free-animation-libraries.jpg\",\"width\":600,\"height\":372,\"caption\":\"5 Trendy Free Animation Libraries For The Web\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#website\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/\",\"name\":\"Sanjay Web Designer\",\"description\":\"Learn Web Designing &amp; Graphic Designing in Depth\",\"publisher\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization\",\"name\":\"Sanjay Web Designer\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png\",\"contentUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png\",\"width\":240,\"height\":72,\"caption\":\"Sanjay Web Designer\"},\"image\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/sanjaywebdesigner\",\"https:\/\/x.com\/sanjaywebdesign\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7f15927dca46fba8128eebb678a0ae41\",\"name\":\"Sanjay Jain\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e80a626482bdb2e323343f4f015bc61d8655097da7dd1e684b2e2facb0b8c833?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e80a626482bdb2e323343f4f015bc61d8655097da7dd1e684b2e2facb0b8c833?s=96&d=mm&r=g\",\"caption\":\"Sanjay Jain\"},\"description\":\"I am a graphic and web designer in Delhi and Professional Web and Graphics Designer &amp; Animator. I provide SEO Service in Delhi along with SEO, Web and Graphics Designing Courses training with latest technique.\",\"sameAs\":[\"http:\/\/www.sanjaywebdesigner.com\",\"https:\/\/www.facebook.com\/sanjay73jain\",\"http:\/\/www.linkedin.com\/company\/sanjay-web-designer\",\"https:\/\/x.com\/https:\/\/twitter.com\/sanjaywebdesign\",\"https:\/\/www.youtube.com\/channel\/UCbBRE3GjyAhf1qd6nHg-vQw\",\"http:\/\/sanjaywebdesigner.tumblr.com\/\"],\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/author\/sanjaywe\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 Trendy Free Animation Libraries For The Web - Sanjay Web Designer","description":"5 Best Free Animation Libraries For The Web:\u00a0Animation is one of the key fads for 2018 however, you don't have to change the wheel to add activity to your sites.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/","og_locale":"en_US","og_type":"article","og_title":"5 Trendy Free Animation Libraries For The Web - Sanjay Web Designer","og_description":"5 Best Free Animation Libraries For The Web:\u00a0Animation is one of the key fads for 2018 however, you don't have to change the wheel to add activity to your sites.","og_url":"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/","og_site_name":"Sanjay Web Designer","article_publisher":"https:\/\/www.facebook.com\/sanjaywebdesigner","article_author":"https:\/\/www.facebook.com\/sanjay73jain","article_published_time":"2018-02-02T08:35:32+00:00","og_image":[{"width":600,"height":372,"url":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/free-animation-libraries.jpg","type":"image\/jpeg"}],"author":"Sanjay Jain","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/sanjaywebdesign","twitter_site":"@sanjaywebdesign","twitter_misc":{"Written by":"Sanjay Jain","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/#article","isPartOf":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/"},"author":{"name":"Sanjay Jain","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7f15927dca46fba8128eebb678a0ae41"},"headline":"5 Trendy Free Animation Libraries For The Web","datePublished":"2018-02-02T08:35:32+00:00","mainEntityOfPage":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/"},"wordCount":671,"commentCount":0,"publisher":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization"},"image":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/#primaryimage"},"thumbnailUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/free-animation-libraries.jpg","keywords":["animation","Web Design"],"articleSection":["Web Design","Web Designing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/","name":"5 Trendy Free Animation Libraries For The Web - Sanjay Web Designer","isPartOf":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/#primaryimage"},"image":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/#primaryimage"},"thumbnailUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/free-animation-libraries.jpg","datePublished":"2018-02-02T08:35:32+00:00","description":"5 Best Free Animation Libraries For The Web:\u00a0Animation is one of the key fads for 2018 however, you don't have to change the wheel to add activity to your sites.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/free-animation-libraries\/#primaryimage","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/free-animation-libraries.jpg","contentUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2018\/02\/free-animation-libraries.jpg","width":600,"height":372,"caption":"5 Trendy Free Animation Libraries For The Web"},{"@type":"WebSite","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#website","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/","name":"Sanjay Web Designer","description":"Learn Web Designing &amp; Graphic Designing in Depth","publisher":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sanjaywebdesigner.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization","name":"Sanjay Web Designer","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png","contentUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png","width":240,"height":72,"caption":"Sanjay Web Designer"},"image":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/sanjaywebdesigner","https:\/\/x.com\/sanjaywebdesign"]},{"@type":"Person","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7f15927dca46fba8128eebb678a0ae41","name":"Sanjay Jain","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e80a626482bdb2e323343f4f015bc61d8655097da7dd1e684b2e2facb0b8c833?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e80a626482bdb2e323343f4f015bc61d8655097da7dd1e684b2e2facb0b8c833?s=96&d=mm&r=g","caption":"Sanjay Jain"},"description":"I am a graphic and web designer in Delhi and Professional Web and Graphics Designer &amp; Animator. I provide SEO Service in Delhi along with SEO, Web and Graphics Designing Courses training with latest technique.","sameAs":["http:\/\/www.sanjaywebdesigner.com","https:\/\/www.facebook.com\/sanjay73jain","http:\/\/www.linkedin.com\/company\/sanjay-web-designer","https:\/\/x.com\/https:\/\/twitter.com\/sanjaywebdesign","https:\/\/www.youtube.com\/channel\/UCbBRE3GjyAhf1qd6nHg-vQw","http:\/\/sanjaywebdesigner.tumblr.com\/"],"url":"https:\/\/www.sanjaywebdesigner.com\/articles\/author\/sanjaywe\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/posts\/2123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/comments?post=2123"}],"version-history":[{"count":0,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/posts\/2123\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/media\/2129"}],"wp:attachment":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/media?parent=2123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/categories?post=2123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/tags?post=2123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}