What is the difference between a Free and a Pro product? @ Creative Tim

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>What is the difference between a Free and a Pro product? @ Creative Tim</title> <meta name="HandheldFriendly" content="True" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> <link rel="stylesheet" type="text/css" href="https://www.creative-tim.com/knowledge-center/assets/built/theme.css?v=5e5b17a464" />  <style>.async-hide { opacity: 0 !important} </style> <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date; h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')}; (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c; })(window,document.documentElement,'async-hide','dataLayer',4000, {'GTM-K9BGS8K':true});</script>  <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-46172202-22', 'auto', {allowLinker: true}); ga('set', 'anonymizeIp', true); ga('require', 'GTM-K9BGS8K'); ga('require', 'displayfeatures'); ga('require', 'linker'); ga('linker:autoLink', ["2checkout.com","avangate.com"]); </script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NKDMSK6');</script>  <script> var ghosthunter_key = '9b42a88d5c82336efb014e55c9'; var ghost_root_url = ''; if (document.URL.includes('www.creative-tim.com')) { ghost_root_url = "/knowledge-center/ghost/api/v3" } else { ghost_root_url = "/ghost/api/v3" } </script> <link rel="shortcut icon" href="https://www.creative-tim.com/knowledge-center/favicon.png" type="image/png" /> <link rel="canonical" href="https://www.creative-tim.com/knowledge-center/what-is-the-difference-between-a-free-and-a-pro-product/" /> <meta name="referrer" content="no-referrer-when-downgrade" /> <meta property="og:site_name" content="Knowledge Center" /> <meta property="og:type" content="website" /> <meta property="og:title" content="What is the difference between a Free and a Pro product?" /> <meta property="og:description" content="The differences between the Free and Pro products consists of the number of components, plugins, sections, pages in each. The Free versions contain only a few elements which allow you to build a website but the PRO version is gives you much more flexibility. Also, some of the the PRO" /> <meta property="og:url" content="https://www.creative-tim.com/knowledge-center/what-is-the-difference-between-a-free-and-a-pro-product/" /> <meta property="article:tag" content="Licenses" /> <meta property="article:tag" content="What is the difference between a Free and a Pro product?" /> <meta property="article:tag" content="What are the differences between the licenses on the website?" /> <meta property="article:tag" content="Can I use a premium product in an open source project?" /> <meta property="article:tag" content="Do I have to keep the copyright visible if I bought and used a Premium product?" /> <meta property="article:tag" content="How can I upgrade my license?" /> <meta property="article:publisher" content="https://www.facebook.com/CreativeTim" /> <meta property="article:author" content="https://www.facebook.com/ghost" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="What is the difference between a Free and a Pro product?" /> <meta name="twitter:description" content="The differences between the Free and Pro products consists of the number of components, plugins, sections, pages in each. The Free versions contain only a few elements which allow you to build a website but the PRO version is gives you much more flexibility. Also, some of the the PRO" /> <meta name="twitter:url" content="https://www.creative-tim.com/knowledge-center/what-is-the-difference-between-a-free-and-a-pro-product/" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Creative Tim" /> <meta name="twitter:label2" content="Filed under" /> <meta name="twitter:data2" content="Licenses, What is the difference between a Free and a Pro product?, What are the differences between the licenses on the website?, Can I use a premium product in an open source project?, Do I have to keep the copyright visible if I bought and used a Premium product?, How can I upgrade my license?" /> <meta name="twitter:site" content="@CreativeTim" /> <meta name="twitter:creator" content="@ghost" /> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "publisher": { "@type": "Organization", "name": "Knowledge Center", "url": "https://knowledge-center.creative-tim.com/", "logo": { "@type": "ImageObject", "url": "https://knowledge-center.creative-tim.com/content/images/2021/08/logo-ct-white--1-.svg" } }, "author": { "@type": "Person", "name": "Creative Tim", "image": { "@type": "ImageObject", "url": "//www.gravatar.com/avatar/7cc626bc325880022da13c5c60593edf?s=250&d=mm&r=x", "width": 250, "height": 250 }, "sameAs": [ "https://www.creative-tim.com/", "https://www.facebook.com/ghost", "https://twitter.com/ghost" ] }, "headline": "What is the difference between a Free and a Pro product?", "url": "https://knowledge-center.creative-tim.com/what-is-the-difference-between-a-free-and-a-pro-product/", "keywords": "Licenses, What is the difference between a Free and a Pro product?, What are the differences between the licenses on the website?, Can I use a premium product in an open source project?, Do I have to keep the copyright visible if I bought and used a Premium product?, How can I upgrade my license?", "description": "The differences between the Free and Pro products consists of the number of\ncomponents, plugins, sections, pages in each. \n\nThe Free versions contain only a few elements which allow you to build a website\nbut the PRO version is gives you much more flexibility. Also, some of the the\nPRO versions come with included Photoshop/Sketch files for prototyping. For\nexample, our latest UI Kit Material Kit:\n\n 1. Free Version: Material Kit\n 2. PRO Version: Material Kit Pro\n\nIf you scroll to the middle of th", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://knowledge-center.creative-tim.com/" } } </script> <meta name="generator" content="Ghost 3.10" /> <link rel="alternate" type="application/rss+xml" title="Knowledge Center" href="https://www.creative-tim.com/knowledge-center/rss/" /> </head> <body class="page-template page-what-is-the-difference-between-a-free-and-a-pro-product tag-licenses tag-what-is-the-difference-between-a-free-and-a-pro-product tag-what-are-the-differences-between-the-licenses-on-the-website tag-can-i-use-a-premium-product-in-an-open-source-project tag-do-i-have-to-keep-the-copyright-visible-if-i-bought-and-used-a-premium-product tag-how-can-i-upgrade-my-license">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKDMSK6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <nav class="navbar navbar-expand-lg navbar-light navbar-absolute" id="navbar"> <div class="container"> <a class="navbar-brand" href="https://www.creative-tim.com/"> <img src="https://www.creative-tim.com/assets/logo/logo-ct-white-170d794e447f75aec55c6effdfbedced9dd268ceceece152675ff8f9891e3588.svg" alt="logoCT" class="img-fluid rounded-0" /> </a> <button class="navbar-toggler" id="navbarToggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon-custom"></span> <span class="navbar-toggler-icon-custom"></span> <span class="navbar-toggler-icon-custom"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto"> <li class="nav-item dropdown"> <a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="icon-gears icon-2x"></i> <p class="nav-link-text"> Ecosystem <span class="caret"></span> </p> </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="https://www.creative-tim.com/blog" target="_blank"> <i class="icon-rss"></i> Blog </a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="https://iradesign.io/" target="_blank"> <i class="icon-magic"></i> IRA Design </a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="https://www.creative-tim.com/tools" target="_blank"> <i class="icon-wrench"></i> Third-Party Tools </a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="https://services.creative-tim.com/?ref=ct-navbar" target="_blank"> <i class="icon-code"></i> Custom Development </a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="https://www.creative-tim.com/affiliates/new" target="_blank"> <i class="icon-dollar"></i> Affiliate Program </a> </div> </li> <li class="nav-item"> <a class="nav-link" href="https://www.creative-tim.com/bundles" target="_blank"> <i class="icon-gift icon-2x"></i> <p class="nav-link-text"> Bundles </p> <span class="badge badge-absolute text-danger">New</span> </a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.creative-tim.com/templates/premium" target="_blank"> <i class="icon-rocket icon-2x"></i> <p class="nav-link-text"> Premium </p> </a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.creative-tim.com/templates/free" target="_blank"> <i class="icon-cloud-download icon-2x"></i> <p class="nav-link-text"> Freebies </p> </a> </li> </ul> </div> </div> </nav> <header> <div class="section section-contact-page section-header gradient-light-blue"> <div class="container"> <div class="row"> <div class="col-md-10 mx-auto"> <div class="info text-left"> <h3 class="font-weight-bold"> <a href="https://www.creative-tim.com/knowledge-center" class="text-white opacity-5">Support</a> <span class="caret-header mx-2 opacity-5"></span> <a href="/knowledge-center/licenses/" class="text-white"> <span class="opacity-5">Licenses</span> </a> <span class="caret-header mx-2"></span>What is the difference between a Free and a Pro product? </h3> <h1 class="font-weight-light">How can we help?</h1> </div> </div> </div> </div> </div> </header> <main> <div class="container position-relative"> <div class="row"> <div class="col-md-10 mx-auto search-absolute "> <form> <div class="card card-form-search border-0"> <div class="card-body p-0 d-flex align-items-center flex-row"> <input id="search-field" autocomplete="off" class="form-control mr-sm-2 border-0" type="search" placeholder="Search" aria-label="Search"> <i class="icon-search icon-2x"></i> </div> <div class="card-footer bg-transparent pb-0" id="results"></div> </div> </form> </div> </div> <div class="row pt-119"> <div class="col-md-10 mx-auto"> <div class="row"> <div class="col-md-12 col-lg-8 content"> <p>The differences between the Free and Pro products consists of the number of components, plugins, sections, pages in each. </p><p><strong>The Free versions contain only a few elements which allow you to build a website but the PRO version is gives you much more flexibility</strong>. Also, some of the the PRO versions come with included Photoshop/Sketch files for prototyping. <em>For example, our latest UI Kit Material Kit:</em></p><ol><li><em>Free Version: Material Kit</em></li><li><em>PRO Version: Material Kit Pro</em></li></ol><p><em>If you scroll to the middle of the page you will see a comparison of the products. 60 components vs 1000 components, plugins 2 vs 7, example pages 3 vs 10, a better and more complex documentation for the PRO, Photoshop files etc. All the components are elements like buttons, icons, tables, comments areas, modals, cards etc.</em></p><p><em>Basically, the Free version is like a Demo for the PRO, like a sample.</em></p> </div> <div class="col-md-12 col-lg-4"> <div class="card border-0 mt-card-related-4"> <div class="card-header text-white text-uppercase border-bottom-0 card-related-articles-header-bg font-weight-bold"> Related Articles </div> <div class="card-body card-related-articles"> <ul> <li><a href="https://www.creative-tim.com/knowledge-center/what-are-the-differences-between-the-licenses-on-the-website/">What are the differences between the licenses on the website?</a></li> </ul> <ul> <li><a href="https://www.creative-tim.com/knowledge-center/can-i-use-a-premium-product-in-an-open-source-project/">Can I use a premium product in an open source project?</a></li> </ul> <ul> <li><a href="https://www.creative-tim.com/knowledge-center/do-i-have-to-keep-the-copyright-visible-if-i-bought-and-used-a-premium-product/">Do I have to keep the copyright visible if I bought and used a Premium product?</a></li> </ul> <ul> <li><a href="https://www.creative-tim.com/knowledge-center/how-can-i-upgrade-my-license/">How can I upgrade my license?</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="separator"></div> </div> </div> <div class="row"> <div class="col-md-10 mx-auto"> <div class="row"> <div class="col-md-6 col-sm-12" id="infos1"> </div> <div class="col-md-5 col-sm-12 ml-auto" id="infos2"> </div> </div> </div> </div> </div> </main> <footer class="footer"> <div class="container"> <div class="row footer-support"> <div class="col-md-2 col-sm-6"> <h4 class="text-white footer-heading">Company</h4> <ul class="list-unstyled" data-turbolinks="false"> <li><a href="https://www.creative-tim.com/presentation" target="_blank" class="footer-link">About Us</a></li> <li><a href="https://www.creative-tim.com/templates/free" target="_blank" class="footer-link">Freebies</a></li> <li><a href="https://www.creative-tim.com/templates/premium" target="_blank" class="footer-link">Premium</a></li> <li><a href="https://www.creative-tim.com/blog" target="_blank" class="footer-link">Blog</a></li> <li><a href="https://www.creative-tim.com/affiliates/new" target="_blank" class="footer-link">Affiliate Program</a></li> <li><a href="https://www.creative-tim.com/coupon" target="_blank" class="footer-link">Get Coupon</a></li> </ul> </div> <div class="col-md-2 col-sm-6"> <h4 class="text-white footer-heading">Help and Support</h4> <ul class="list-unstyled" data-turbolinks="false"> <li><a href="https://www.creative-tim.com/knowledge-center" target="_blank" class="footer-link">Knowledge Center</a></li> <li><a href="https://www.creative-tim.com/contact-us" target="_blank" class="footer-link">Contact Us</a></li> <li><a href="https://www.creative-tim.com/support-terms" target="_blank" class="footer-link">Premium Support</a></li> <li><a href="https://www.creative-tim.com/sponsorships" target="_blank" class="footer-link">Sponsorships</a></li> <li><a href="https://services.creative-tim.com/?ref=ct-footer" target="_blank" class="footer-link">Custom Development</a></li> </ul> </div> <div class="col-md-2 col-sm-6"> <h4 class="text-white footer-heading">Legal</h4> <ul class="list-unstyled" data-turbolinks="false"> <li><a href="https://www.creative-tim.com/terms" target="_blank" class="footer-link">Terms & Conditions</a></li> <li><a href="https://www.creative-tim.com/privacy" target="_blank" class="footer-link">Privacy Policy</a></li> <li><a href="https://www.creative-tim.com/license" target="_blank" class="footer-link">EULA</a></li> </ul> </div> <div class="col-md-2 col-sm-6"> <h4 class="text-white footer-heading">Resources</h4> <ul class="list-unstyled" data-turbolinks="false"> <li><a href="https://www.creative-tim.com/cheatsheet/bootstrap4" target="_blank" class="footer-link">Bootstrap Cheat Sheet</a></li> <li><a href="https://www.creative-tim.com/tools" target="_blank" class="footer-link">Third-Party Tools</a></li> <li><a href="https://iradesign.io/" target="_blank" class="footer-link">Illustrations</a></li> <li><a href="https://www.bluehost.com/track/creativetim/" target="_blank" class="footer-link">Bluehost</a></li> <li><a href="https://m.do.co/c/276af09d9975" target="_blank" class="footer-link">Digital Ocean</a></li> <li><a href="https://www.creative-tim.com/gallery/get-shit-done-pro" target="_blank" class="footer-link">Made with Creative Tim</a></li> </ul> </div> <div class="col-md-4 col-sm-12 text-center footer-twitter-news"> <h4 class="text-white mb-0">Latest News</h4> <a class="twitter-timeline" href="https://twitter.com/CreativeTim" data-theme="dark" data-widget-id="586445781978124289" data-chrome="noheader nofooter noborders noscrollbar transparent" height="200"> Tweets by @CreativeTim</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> </div> <hr> <div class="row"> <div class="col-md-12"> <div class="footer-social-area text-center" itemscope itemtype="https://schema.org/LocalBusiness"> <a itemprop="url" href="https://www.creative-tim.com/" target="_blank"> <div class="footer-brand"> <img class="img-fluid rounded-0" itemprop="image" alt="logoCt" src="https://www.creative-tim.com/assets/logo/logo-ct-white-vertical-16fe9a61708bfb45ccea9452bdea03ebb8c62a7c284764834ec5446366a43d63.svg" /> </div> </a> <a itemprop="sameAs" href="https://github.com/creativetimofficial" class="btn btn-circle btn btn-outline-secondary btn-round" rel="publisher" target="_blank"><i class="fa fa-github"></i></a> <a itemprop="sameAs" href="https://dribbble.com/creativetim" class="btn btn-circle btn btn-outline-secondary btn-round" rel="publisher" target="_blank"><i class="fa fa-dribbble"></i></a> <a itemprop="sameAs" href="https://www.facebook.com/CreativeTim" class="btn btn-circle btn btn-outline-secondary btn-round" target="_blank"><i class="fa fa-facebook-square"></i></a> <a itemprop="sameAs" href="https://twitter.com/CreativeTim" class="btn btn-circle btn btn-outline-secondary btn-round" target="_blank"><i class="fa fa-twitter"></i></a> <a itemprop="sameAs" href="https://www.instagram.com/creativetimofficial/" class="btn btn-circle btn btn-outline-secondary btn-round" target="_blank"><i class="fa fa-instagram"></i></a> <a itemprop="sameAs" href="https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w" class="btn btn-circle btn btn-outline-secondary btn-round" target="_blank"><i class="fa fa-youtube"></i></a> <a itemprop="sameAs" href="https://ro.pinterest.com/thecreativetim/" class="btn btn-circle btn btn-outline-secondary btn-round" target="_blank"><i class="fa fa-pinterest"></i></a> </div> </div> <div class="col-md-12"> <div class="footer-credits text-center"> © <script>document.write(new Date().getFullYear())</script>, all rights reserved. Made with <i class="icon-heart text-danger" alt="love"></i> for a better web. </div> </div> </div> </div> </footer> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"> </script> <script src="https://www.creative-tim.com/knowledge-center/assets/js/core/popper.min.js?v=5e5b17a464"></script> <script src="https://www.creative-tim.com/knowledge-center/assets/js/core/bootstrap.min.js?v=5e5b17a464"></script> <script type="module" src="https://www.creative-tim.com/knowledge-center/assets/js/app.js?v=5e5b17a464"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.3/handlebars.min.js"></script> <script src="https://www.creative-tim.com/knowledge-center/assets/ghostHunter/dist/jquery.ghosthunter.js?v=5e5b17a464"></script> <script src="https://www.creative-tim.com/knowledge-center/assets/js/custom-helpers/navigation.js?v=5e5b17a464"></script> <script> $("#search-field").ghostHunter({ includebodysearch: true, onKeyUp: true, results: "#results", onComplete: function(results) { if ($("#search-field").val().length == 0) { $('.card-footer').removeClass('active'); } if (document.URL.includes('www.creative-tim.com')) { $('.gh-search-item').each(function(){ var href = $(this).attr('href'); href = href.replace('knowledge-center.creative-tim.com','www.creative-tim.com/knowledge-center') $(this).attr('href',href); }) } }, before: function() { $('.card-footer').addClass('active'); } }); </script> <script src="https://www.creative-tim.com/knowledge-center/assets/js/custom-helpers/infos.js?v=5e5b17a464"></script> </body> </html>

CINXE.COM

What is the difference between a Free and a Pro product? @ Creative Tim