CINXE.COM
Can I use a premium product in an open-source project? @ Creative Tim
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Can I use a premium product in an open-source project? @ 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" /> <!-- Anti-flicker snippet (recommended) --> <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> <!-- Analytics-Optimize Snippet --> <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> <!-- end Analytics-Optimize Snippet --> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <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/can-i-use-a-premium-product-in-an-open-source-project/" /> <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="Can I use a premium product in an open-source project?" /> <meta property="og:description" content="Yes, of course! You can use the PRO product for an open source project if you add in the Readme file (on github) or in the description of your product that you built the project using “X product from Creative Tim” and a link to the product page. Please let" /> <meta property="og:url" content="https://www.creative-tim.com/knowledge-center/can-i-use-a-premium-product-in-an-open-source-project/" /> <meta property="article:tag" content="Licenses" /> <meta property="article:tag" content="Can I use a premium product in an open source project?" /> <meta property="article:tag" content="What are the differences between the licenses on the website?" /> <meta property="article:tag" content="How can I upgrade my license?" /> <meta property="article:tag" content="What is the difference between a Free and a Pro product?" /> <meta property="article:tag" content="Do I have to keep the copyright visible if I bought and used a Premium product?" /> <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="Can I use a premium product in an open-source project?" /> <meta name="twitter:description" content="Yes, of course! You can use the PRO product for an open source project if you add in the Readme file (on github) or in the description of your product that you built the project using “X product from Creative Tim” and a link to the product page. Please let" /> <meta name="twitter:url" content="https://www.creative-tim.com/knowledge-center/can-i-use-a-premium-product-in-an-open-source-project/" /> <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, Can I use a premium product in an open source project?, What are the differences between the licenses on the website?, How can I upgrade my license?, What is the difference between a Free and a Pro product?, Do I have to keep the copyright visible if I bought and used a Premium product?" /> <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": "Can I use a premium product in an open-source project?", "url": "https://knowledge-center.creative-tim.com/can-i-use-a-premium-product-in-an-open-source-project/", "keywords": "Licenses, Can I use a premium product in an open source project?, What are the differences between the licenses on the website?, How can I upgrade my license?, What is the difference between a Free and a Pro product?, Do I have to keep the copyright visible if I bought and used a Premium product?", "description": "Yes, of course! You can use the PRO product for an open source project if you\nadd in the Readme file (on github) or in the description of your product that\nyou built the project using “X product from Creative Tim” and a link to the\nproduct page.\n\nPlease let us know after you launched the project and, if it is helping the\ndevelopers community, we will support you with feedback and promote it in our\ngallery, social media and newsletters.", "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-can-i-use-a-premium-product-in-an-open-source-project tag-licenses tag-can-i-use-a-premium-product-in-an-open-source-project tag-what-are-the-differences-between-the-licenses-on-the-website tag-how-can-i-upgrade-my-license tag-what-is-the-difference-between-a-free-and-a-pro-product tag-do-i-have-to-keep-the-copyright-visible-if-i-bought-and-used-a-premium-product"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKDMSK6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (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>Can I use a premium product in an open source project? </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>Yes, of course! You can use the PRO product for an open source project if you add in the Readme file (on github) or in the description of your product that you built the project using “X product from Creative Tim” and a link to the product page.</p><p>Please let us know after you launched the project and, if it is helping the developers community, we will support you with feedback and promote it in our gallery, social media and newsletters.</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/how-can-i-upgrade-my-license/">How can I upgrade my license?</a></li> </ul> <ul> <li><a href="https://www.creative-tim.com/knowledge-center/what-is-the-difference-between-a-free-and-a-pro-product/">What is the difference between a Free and a Pro product?</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> </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>