{"id":21575,"date":"2012-07-18T07:14:31","date_gmt":"2012-07-18T11:14:31","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=21575"},"modified":"2020-01-29T10:39:33","modified_gmt":"2020-01-29T15:39:33","slug":"js-animated-templates-comparison-table","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/js-animated-templates-comparison-table.html","title":{"rendered":"JS Animated templates comparison table"},"content":{"rendered":"<h3>General information<\/h3>\r\n\r\n<p><strong><a href=\"https:\/\/www.templatemonster.com\/responsive-website-templates\/\" title=\"Responsive JavaScript Animated templates\" target=\"_blank\">Responsive JS Animated website templates<\/a><\/strong> include several layout options &#8211; each is optimized for proper screen resolution. There are many width options included, but the major ones are for desktop, tablet and smartphones screens.<\/p>\r\n\r\n<p><strong><a href=\"https:\/\/www.templatemonster.com\/website-templates.php?features=pro\" title=\"PRO Website Templates\" target=\"_blank\">PRO website<\/a><\/strong> PRO Framework is a very powerful tool that has the potential to deliver on all necessary aspects of website design directly from the navigation panel and when you need it. PRO Part will allow you to quickly change and install new website sections like sliders, portfolios and images galleries, configure typography and generate page layouts, add CSS3 tricks, integrate ready-made pages, functional plugins and so much more without writing a line of code. You just have full control over the code: you only have to manipulate it the way you see fit for your website&#8217;s specific needs<\/p>\r\n\r\n<p><strong>Full JavaScript Animated template\/HTML 5 JS Animated CSS templates<\/strong> are the templates containing JavaScript-based elements that add dynamics of Flash-like animation still leaving the templates very light-weight. This product package includes templates with jQuery and MooTools as well as other types of elements.<\/p>\r\n\r\n<h3>Comparison table<\/h3>\r\n<div class=\"table\">\r\n\r\n<table width=\"730\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\">\r\n<tbody>\r\n <tr class=\"heading\">\r\n  <td style=\"width:75px\">&nbsp;<\/td>\r\n  <td>Characteristics<\/td>\r\n  <td>HTML 5 JS Aanimated<\/td>\r\n  <td>Responsive JS Animated<\/td>\r\n  <td>PRO Website<\/td>\r\n  <td>Java Script based (Full JS)<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td height=\"520\" rowspan=\"26\">Features<\/td>\r\n  <td style=\"font-weight: bold;padding: 5px;text-align: left\">Valid CSS 2.1, CSS 3<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Valid HTML5<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>IE8, IE9 compatible<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>FireFox the latest\r\n  version compatible<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Safari the latest version\r\n  compatible<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Opera the latest version\r\n  compatible<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Google\r\n  Chrome the latest version compatible<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>960 grid\r\n  system (grid.css) &nbsp;file for easy changing layout<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Semantic code<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>All\r\n  Sliced PSD files (for easy re-skinning)<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Google\r\n  web fonts and Cufon Text Replacement<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Favicons<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>HTML5\r\n  and CSS3 progressive enhancements &nbsp;with minimal use of images<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Dynamic\r\n  google map (using iframe)<\/td>\r\n  <td><a target=\"_parent\" href=\"https:\/\/www.templatemonster.com\/demo\/38972.html\">+<\/a><\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Dropdown Menu with Multi\r\n  Levels<\/td>\r\n  <td><a target=\"_parent\" href=\"https:\/\/www.templatemonster.com\/demo\/38972.html\">+<\/a><\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Back to top button<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Contact Form with\r\n  feedback<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td><a target=\"_parent\" href=\"http:\/\/static.livedemo00.template-help.com\/wt_39680\/index-5.html\">+<\/a><\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>One page navigation<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Pack of quality stock\r\n  photos<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Bonus pages<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">Under Construction<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td><a target=\"_parent\" href=\"http:\/\/static.livedemo00.template-help.com\/wt_39680\/under_construction.html\">+<\/a><\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">Intro<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td><a target=\"_parent\" href=\"http:\/\/static.livedemo00.template-help.com\/wt_39680\/intro.html\">+<\/a><\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">404 page<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td><a target=\"_parent\" href=\"http:\/\/static.livedemo00.template-help.com\/wt_39680\/404.html\">+<\/a><\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Layouts<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td><a target=\"_parent\" href=\"http:\/\/static.livedemo00.template-help.com\/wt_39680\/layouts.html\">+<\/a><\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Typography styles<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td><a target=\"_parent\" href=\"http:\/\/static.livedemo00.template-help.com\/wt_39680\/typography.html\">+<\/a><\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Search capabilities<\/td>\r\n  <td>expected soon<\/td>\r\n  <td>expected soon<\/td>\r\n  <td>expected soon<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td height=\"680\" rowspan=\"34\">Scripts<\/td>\r\n  <td style=\"font-weight: bold;padding: 5px;text-align: left\">Gallery<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">galleryffic<\/td>\r\n  <td>+\/-<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+\/-<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">just slider+carousel gallery<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td><a target=\"_parent\" href=\"http:\/\/livedemo00.template-help.com\/wt_39680\/gallery-page1.html\">+<\/a><\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">roundabout<\/td>\r\n  <td><a target=\"_parent\" href=\"https:\/\/www.templatemonster.com\/demo\/39558.html\">+<\/a><\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">responsive gallery<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Carousel<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">jcarousel<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">carousellite<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">bxcarousel<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">uCarousel<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">tinycarousel<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">elastislide<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Slider<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">Flex slider<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">Nivo slider<\/td>\r\n  <td class=\"xl7619390\">+\/-<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td class=\"xl7619390\">+\/-<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">coin slider<\/td>\r\n  <td class=\"xl7419390\">+\/-<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td class=\"xl7619390\">+\/-<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">functional slider(cycle plugin)<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">just slider<\/td>\r\n  <td><a target=\"_parent\" href=\"https:\/\/www.templatemonster.com\/demo\/39936.html\">+<\/a><\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td><a target=\"_parent\" href=\"https:\/\/www.templatemonster.com\/demo\/39785.html\">+<\/a><\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">kwicks slider<\/td>\r\n  <td><a target=\"_parent\" href=\"https:\/\/www.templatemonster.com\/website-templates\/36795.html\">+<\/a><\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">bgslider<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td><a target=\"_parent\" href=\"https:\/\/www.templatemonster.com\/demo\/39567.html\">+<\/a><\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Popup<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">prettyphoto<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">fancybox<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">tooltips<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td style=\"text-indent: 15px\">other popup windows<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Tooltips<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Forms<\/td>\r\n  <td><a target=\"_parent\" href=\"https:\/\/www.templatemonster.com\/demo\/38906.html\">+<\/a><\/td>\r\n  <td>&#8211;<\/td>\r\n  <td><a target=\"_parent\" href=\"https:\/\/www.templatemonster.com\/demo\/39684.html\">+<\/a><\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Tabs<\/td>\r\n  <td><a target=\"_parent\" href=\"https:\/\/www.templatemonster.com\/demo\/38800.html\">+<\/a><\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Accordion<\/td>\r\n  <td><a target=\"_parent\" href=\"https:\/\/www.templatemonster.com\/demo\/39159.html\">+<\/a><\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>jQuery calendar plugin<\/td>\r\n  <td><a target=\"_parent\" href=\"https:\/\/www.templatemonster.com\/demo\/39293.html\">+<\/a><\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Video player<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Audio player<\/td>\r\n  <td><a target=\"_parent\" href=\"https:\/\/www.templatemonster.com\/demo\/39557.html\">+<\/a><\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Social plugins<\/td>\r\n  <td><a target=\"_parent\" href=\"https:\/\/www.templatemonster.com\/demo\/39936.html\">+<\/a><\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>Framework<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>Skeleton Framework<\/td>\r\n  <td>Pro Framework<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td width=\"75\" height=\"80\" rowspan=\"4\">Resolutions<\/td>\r\n  <td style=\"font-weight: bold;padding: 5px;text-align: left\">980 px Layout<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n  <td>+<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>768 px Layout<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>480 px Layout<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n <tr>\r\n  <td>320 px Layout<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>+<\/td>\r\n  <td>&#8211;<\/td>\r\n  <td>&#8211;<\/td>\r\n <\/tr>\r\n<\/tbody>\r\n<\/table>\r\n\r\n<\/div>\r\n\r\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>General information Responsive JS Animated website templates include several layout options &#8211; each is optimized for proper screen resolution. There are many width options included, but the major ones are for desktop, tablet and smartphones screens. PRO website PRO Framework is a very powerful tool that has the potential to deliver on all necessary aspects [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":21600,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1014,1213,1214,432],"tags":[338,1071,1299,1086,898,1286,1179,1328],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/21575"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=21575"}],"version-history":[{"count":24,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/21575\/revisions"}],"predecessor-version":[{"id":85907,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/21575\/revisions\/85907"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/21600"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=21575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=21575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=21575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}