CINXE.COM
Products @ Creative Tim
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Products @ 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> <meta name="description" content="All the info about how our products work" /> <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/products/" /> <meta name="referrer" content="no-referrer-when-downgrade" /> <link rel="amphtml" href="https://www.creative-tim.com/knowledge-center/products/amp/" /> <meta property="og:site_name" content="Knowledge Center" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Products" /> <meta property="og:description" content="All the info about how our products work" /> <meta property="og:url" content="https://www.creative-tim.com/knowledge-center/products/" /> <meta property="article:published_time" content="2020-03-10T18:10:17.000Z" /> <meta property="article:modified_time" content="2020-11-19T06:55:55.000Z" /> <meta property="article:tag" content="Products" /> <meta property="article:tag" content="design_app" /> <meta property="article:tag" content="pink" /> <meta property="article:publisher" content="https://www.facebook.com/CreativeTim" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Products" /> <meta name="twitter:description" content="All the info about how our products work" /> <meta name="twitter:url" content="https://www.creative-tim.com/knowledge-center/products/" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Beniamin" /> <meta name="twitter:label2" content="Filed under" /> <meta name="twitter:data2" content="Products, design_app, pink" /> <meta name="twitter:site" content="@CreativeTim" /> <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": "Beniamin", "url": "https://knowledge-center.creative-tim.com/author/beniamin/", "sameAs": [] }, "headline": "Products", "url": "https://knowledge-center.creative-tim.com/products/", "datePublished": "2020-03-10T18:10:17.000Z", "dateModified": "2020-11-19T06:55:55.000Z", "keywords": "Products, design_app, pink", "description": "Products\n * Does a product work with a particular backend framework?\n [/does-a-product-work-with-a-particular-backend-framework/]\n * What if I download something and it doesn't work?\n [/what-if-i-download-something-and-it-doesnt-work/]\n * What if I don't know how to use the products?\n [/what-if-i-dont-know-how-to-use-the-products/]\n * What is the difference between HTML archive and html+psd/sketch archive?\n [/what-is-the-difference-between-html-archive-and-html-psd-sketch-archive/]\n * Wh", "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="post-template tag-products tag-design_app tag-pink"> <!-- 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-1"></span> <a href="/knowledge-center/products/" class="text-white"> <span class="opacity-1">Products</span> </a> </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 content"> <!--kg-card-begin: markdown--><h2 id="products">Products</h2> <ul> <li><a href="https://www.creative-tim.com/knowledge-center/does-a-product-work-with-a-particular-backend-framework/">Does a product work with a particular backend framework?</a></li> <li><a href="https://www.creative-tim.com/knowledge-center/what-if-i-download-something-and-it-doesnt-work/">What if I download something and it doesn't work?</a></li> <li><a href="https://www.creative-tim.com/knowledge-center/what-if-i-dont-know-how-to-use-the-products/">What if I don't know how to use the products?</a></li> <li><a href="https://www.creative-tim.com/knowledge-center/what-is-the-difference-between-html-archive-and-html-psd-sketch-archive/">What is the difference between HTML archive and html+psd/sketch archive?</a></li> <li><a href="https://www.creative-tim.com/knowledge-center/what-is-the-difference-between-an-html-product-and-an-angular-vuejs-react-product/">What is the difference between an HTML product and an Angular/VueJS/React product?</a></li> <li><a href="https://www.creative-tim.com/knowledge-center/what-is-the-difference-between-a-design-system-kit-and-a-dashboard/">What is the difference between a Design System/Kit and a Dashboard?</a></li> <li><a href="https://www.creative-tim.com/knowledge-center/i-bought-a-product-from-you-developed-my-project-and-received-an-update-for-the-product-how-do-i-insert-that-update-in-my-project/">I bought a product from you, developed my project and received an update for the product. How do I insert that update in my project?</a></li> <li><a href="https://www.creative-tim.com/knowledge-center/can-i-request-a-custom-design-file/">Can I request a custom design file?</a></li> <li><a href="https://www.creative-tim.com/knowledge-center/how-to-integrate-laravel-with-vuetify/">How to integrate Laravel with Vuetify?</a></li> <li><a href="https://www.creative-tim.com/knowledge-center/are-free-products-including-support/">Are Free Products including Support?</a></li> <li><a href="https://www.creative-tim.com/knowledge-center/can-i-remove-the-copyright-details-from-creative-tim-free-products/">Can I remove the copyright details from Creative Tim free products?</a></li> <li><a href="https://www.creative-tim.com/knowledge-center/how-many-projects-per-product-can-i-create-if-i-purchased-one-of-the-bundles/">How many projects per product can I create if I purchased one of the Bundles?</a></li> <li><a href="https://www.creative-tim.com/knowledge-center/what-if-i-want-to-upgrade-my-product-to-bundle/">What if I want to upgrade my product to Bundle?</a></li> </ul> <!--kg-card-end: markdown--> </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>