nft - Creative Tim's Blog - Fully coded design resources for web developers

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>nft - Creative Tim's Blog - Fully coded design resources for web developers</title> <link rel="stylesheet" href="/blog/assets/built/screen.css?v=bc77caee98"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Muli:400,400i,700,700i,800">  <script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script> <script> if (localStorage.getItem('alto_dark') == 'true') { document.documentElement.classList.add('dark-mode'); } </script> <script> var ghosthunter_key = ''; ghost_root_url = ""; if (document.URL.includes('creative-tim.com')) { ghost_root_url = "/blog/ghost/api/v4"; ghosthunter_key = 'b431b45a35fd006e8befdf8855'; } else { ghost_root_url = "/blog/ghost/api/v4"; ghosthunter_key = '1c87ec6f195f4f728fc5e5d522'; } </script> <script> var gh_white_logo = 'https://s3.amazonaws.com/creativetim_bucket/static-assets/logo-ct-blog-white.png'; </script>  <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>  <link rel="icon" href="/blog/favicon.png" type="image/png" /> <link rel="canonical" href="https://www.creative-tim.com/blog/nft/" /> <meta name="referrer" content="no-referrer-when-downgrade" /> <meta property="og:site_name" content="Creative Tim's Blog - Fully coded design resources for web developers" /> <meta property="og:type" content="website" /> <meta property="og:title" content="nft - Creative Tim's Blog - Fully coded design resources for web developers" /> <meta property="og:url" content="https://www.creative-tim.com/blog/nft/" /> <meta property="og:image" content="https://www.creative-tim.com/blog/content/images/2021/06/metatag-tim-cover-amazon.jpeg" /> <meta property="article:publisher" content="https://www.facebook.com/ghost" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="nft - Creative Tim's Blog - Fully coded design resources for web developers" /> <meta name="twitter:url" content="https://www.creative-tim.com/blog/nft/" /> <meta name="twitter:image" content="https://www.creative-tim.com/blog/content/images/2021/06/metatag-tim-cover-amazon.jpeg" /> <meta name="twitter:site" content="@ghost" /> <meta property="og:image:width" content="1362" /> <meta property="og:image:height" content="640" /> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Series", "publisher": { "@type": "Organization", "name": "Creative Tim's Blog - Fully coded design resources for web developers", "url": "https://blogct.creative-tim.com/blog/", "logo": { "@type": "ImageObject", "url": "https://blogct.creative-tim.com/blog/content/images/2022/04/logo-creative-tim-black.png" } }, "url": "https://blogct.creative-tim.com/blog/nft/", "name": "nft", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://blogct.creative-tim.com/blog/" } } </script> <meta name="generator" content="Ghost 4.7" /> <link rel="alternate" type="application/rss+xml" title="Creative Tim's Blog - Fully coded design resources for web developers" href="https://www.creative-tim.com/blog/rss/" /> <style> .kg-image, .aligncenter, .size-large { border-radius: 16px !important; } </style> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/themes/prism-tomorrow.min.css" integrity="sha512-vswe+cgvic/XBoF1OcM/TeJ2FW0OofqAVdCZiEYkd6dwGXthvkSFWOoGGJgS2CW70VK5dQM5Oh+7ne47s74VTg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@algolia/autocomplete-theme-classic" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" /> <link rel="preconnect" href="https://H5FHEK3TTR-dsn.algolia.net" crossorigin /><style>:root {--ghost-accent-color: #00BBFF;}</style> </head> <body class="tag-template tag-nft">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKDMSK6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="site"> <header class="site-header container" id="navbar"> <div class="navbar"> <div class="navbar-left"> <div class="burger hidden-lg hidden-xl absolute lg:relative right-1"></div> <a class="logo" href="https://www.creative-tim.com/" target="_blank"> <img class="logo-image" src="https://www.creative-tim.com/blog/content/images/2022/04/logo-creative-tim-black.png" alt="Creative Tim"> </a> <div class="sep hidden-xs hidden-sm hidden-sm"></div> <a class="" href="https://www.creative-tim.com/blog"> <span class="logo-text ml-4 md:ml-0 hidden md:block">Blog</span> </a> </div> <div class="navbar-right"> <div id="docsearch" class="w-12 md:w-32 lg:w-44 rounded-sm sm:mr-7 lg:mr-0 ml-0 md:ml-4"></div> <nav class="main-menu hidden-xs hidden-sm hidden-md"> <ul class="nav-list u-plain-list"> <li class="menu-item menu-item-home"> <a class="menu-item-link" href="https://www.creative-tim.com/blog/"> Home </a> </li> <li class="menu-item menu-item-marketplace"> <a class="menu-item-link" href="https://www.creative-tim.com/"> Marketplace </a> </li> <li class="menu-item menu-item-tutorials"> <a class="menu-item-link" href="https://www.creative-tim.com/blog/tutorial/"> Tutorials </a> </li> </ul> </nav> <div class="flex items-center mr-12 sm:mr-8 md:mr-6"> <div class="toggle-track"> <div class="toggle-moon"><i class="icon icon-brightness-2"></i></div> <div class="toggle-sun"><i class="icon icon-white-balance-sunny"></i></div> <div class="toggle-thumb"></div> </div> </div> </div> </div> </header> <div class="container mt-6"> <nav class="mb-8 md:mb-4 hidden md:block md:flex md:overflow-scroll md:items-center md:justify-between nav-secondary"> <ul class="nav-list u-plain-list whitespace-nowrap sm:overflow-auto lg:overflow-hidden pb-4"> <li class="menu-item menu-item-web-design"> <a class="menu-item-link" href="https://www.creative-tim.com/blog/resources/"> Resources </a> </li> <li class="menu-item menu-item-web-design"> <a class="menu-item-link" href="https://www.creative-tim.com/blog/seo/"> SEO </a> </li> <li class="menu-item menu-item-web-design"> <a class="menu-item-link" href="https://www.creative-tim.com/blog/startups/"> Startups </a> </li> <li class="menu-item menu-item-web-design"> <a class="menu-item-link" href="https://www.creative-tim.com/blog/uiux-design/"> UI/UX Design </a> </li> <li class="menu-item menu-item-web-design"> <a class="menu-item-link" href="https://www.creative-tim.com/blog/web-design/"> Web Design </a> </li> <li class="menu-item menu-item-web-design"> <a class="menu-item-link" href="https://www.creative-tim.com/blog/web-development/"> Web Development </a> </li> <li class="menu-item menu-item-web-design"> <a class="menu-item-link" href="https://www.creative-tim.com/blog/tiktok-learning/"> TikTok Learning </a> </li> <li class="menu-item menu-item-web-design"> <a class="menu-item-link" href="https://www.creative-tim.com/blog/educational-tech/"> Educational Tech </a> </li> <li class="menu-item menu-item-web-design"> <a class="menu-item-link" href="https://www.creative-tim.com/blog/web-3-0/"> Web 3 </a> </li> <li class="menu-item menu-item-web-design"> <a class="menu-item-link" href="https://www.creative-tim.com/blog/crypto-news/"> Crypto News </a> </li> <li class="menu-item menu-item-web-design"> <a class="menu-item-link" href="https://www.creative-tim.com/blog/blockchain/"> Blockchain </a> </li> <li class="menu-item menu-item-web-design"> <a class="menu-item-link" href="https://www.creative-tim.com/blog/nft/"> NFT </a> </li> </ul> </nav> </div> <div class="site-content container"> <div class="content-area"> <main class="site-main"> <section class="term container large"> <div class="term-wrapper"> <h1 class="term-name">nft</h1> <div class="term-description"></div> </div> </section> <div class="post-feed"> <article class="post tag-crypto-news tag-nft"> <div class="post-media container large"> <div class="u-placeholder horizontal"> <a class="post-image-link" href="/blog/crypto-news/nfts-weekly-news-61-ecosystem-state-crypto-art-report/"> <img class="post-image lazyload u-object-fit" data-srcset="/blog/content/images/size/w400/2023/08/weekly-news-metaventis-61.png 400w, /blog/content/images/size/w750/2023/08/weekly-news-metaventis-61.png 750w, /blog/content/images/size/w960/2023/08/weekly-news-metaventis-61.png 960w, /blog/content/images/size/w1140/2023/08/weekly-news-metaventis-61.png 1140w, /blog/content/images/size/w1920/2023/08/weekly-news-metaventis-61.png 1920w" data-sizes="auto" src="/blog/content/images/size/w960/2023/08/weekly-news-metaventis-61.png" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="NFTs Weekly News #61 - Ecosystem: State of Crypto Art [Report]"> </a> </div> </div> <div class="container medium"> <header class="post-header big-title"> <h2 class="post-title"> <a class="post-title-link" href="/blog/crypto-news/nfts-weekly-news-61-ecosystem-state-crypto-art-report/">NFTs Weekly News #61 - Ecosystem: State of Crypto Art [Report]</a> </h2> <div class="post-meta"> <div class="d-block mb-4"> <span class="post-meta-item post-meta-tags"> <a class="post-tag post-tag-crypto-news" href="https://www.creative-tim.com/blog/crypto-news/" title="Crypto News">Crypto News</a> </span> <span class="post-meta-item post-meta-length"> 8 min read </span> </div> <span class="post-meta-item post-meta-date"> Updated: <time datetime="2023-09-27"> a year ago </time> </span> <span class="post-meta-item post-meta-date"> Published: <time datetime="2023-06-17"> a year ago </time> </span> </div> </header> <div class="post-excerpt"> Are you ready for some NFTs news? We've prepared a new article that covers the latest news and updates in the world of Web3 and NFTs. Read them below! Contents 馃搱Macro - Crypto <a class="post-link primary" href="/blog/crypto-news/nfts-weekly-news-61-ecosystem-state-crypto-art-report/">Read Now</a> </div> <footer class="post-footer"> <div class="post-author"> <a class="post-author-image-link" href="/blog/author/metaventis/"> <img class="post-author-image" src="/blog/content/images/size/w150/2023/01/metaventis.png" alt="Metaventis"> </a> <div class="post-author-name hidden-xs hidden-sm"> <span class="post-author-by">By: </span> <a class="post-author-name-link" href="/blog/author/metaventis/">Metaventis</a> </div> </div> <div class="post-action"> <a class="post-link secondary" href="https://getpocket.com/edit?url=https://www.creative-tim.com/blog/crypto-news/nfts-weekly-news-61-ecosystem-state-crypto-art-report/" target="_blank" rel="noopener">Read Later</a> </div> </footer> </div> </article> <article class="post tag-crypto-news tag-nft"> <div class="post-media container large"> <div class="u-placeholder horizontal"> <a class="post-image-link" href="/blog/crypto-news/nfts-weekly-news-6-entertainment-showtime-launches-pre-save-collectibles/"> <img class="post-image lazyload u-object-fit" data-srcset="/blog/content/images/size/w400/2023/02/weekly-news-metaventis-6.jpg 400w, /blog/content/images/size/w750/2023/02/weekly-news-metaventis-6.jpg 750w, /blog/content/images/size/w960/2023/02/weekly-news-metaventis-6.jpg 960w, /blog/content/images/size/w1140/2023/02/weekly-news-metaventis-6.jpg 1140w, /blog/content/images/size/w1920/2023/02/weekly-news-metaventis-6.jpg 1920w" data-sizes="auto" src="/blog/content/images/size/w960/2023/02/weekly-news-metaventis-6.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="NFTs Weekly News #6 - Entertainment: Showtime launches Pre-Save collectibles"> </a> </div> </div> <div class="container medium"> <header class="post-header big-title"> <h2 class="post-title"> <a class="post-title-link" href="/blog/crypto-news/nfts-weekly-news-6-entertainment-showtime-launches-pre-save-collectibles/">NFTs Weekly News #6 - Entertainment: Showtime launches Pre-Save collectibles</a> </h2> <div class="post-meta"> <div class="d-block mb-4"> <span class="post-meta-item post-meta-tags"> <a class="post-tag post-tag-crypto-news" href="https://www.creative-tim.com/blog/crypto-news/" title="Crypto News">Crypto News</a> </span> <span class="post-meta-item post-meta-length"> 3 min read </span> </div> <span class="post-meta-item post-meta-date"> Updated: <time datetime="2023-02-03"> 2 years ago </time> </span> <span class="post-meta-item post-meta-date"> Published: <time datetime="2023-02-03"> 2 years ago </time> </span> </div> </header> <div class="post-excerpt"> NFTs fans! We've prepared a new article from our NFTs Weekly News Series. Read below to discover the latest happenings in the world of celebrity, music, sports, and art NFTs. Contents 馃椊 Brands/Celebrities <a class="post-link primary" href="/blog/crypto-news/nfts-weekly-news-6-entertainment-showtime-launches-pre-save-collectibles/">Read Now</a> </div> <footer class="post-footer"> <div class="post-author"> <a class="post-author-image-link" href="/blog/author/metaventis/"> <img class="post-author-image" src="/blog/content/images/size/w150/2023/01/metaventis.png" alt="Metaventis"> </a> <div class="post-author-name hidden-xs hidden-sm"> <span class="post-author-by">By: </span> <a class="post-author-name-link" href="/blog/author/metaventis/">Metaventis</a> </div> </div> <div class="post-action"> <a class="post-link secondary" href="https://getpocket.com/edit?url=https://www.creative-tim.com/blog/crypto-news/nfts-weekly-news-6-entertainment-showtime-launches-pre-save-collectibles/" target="_blank" rel="noopener">Read Later</a> </div> </footer> </div> </article> <article class="post tag-crypto-news tag-nft"> <div class="post-media container large"> <div class="u-placeholder horizontal"> <a class="post-image-link" href="/blog/crypto-news/nfts-weekly-news-entertainment-game-of-thrones-nft-reveal/"> <img class="post-image lazyload u-object-fit" data-srcset="/blog/content/images/size/w400/2023/01/weekly-news-metaventis-copy--1-.jpg 400w, /blog/content/images/size/w750/2023/01/weekly-news-metaventis-copy--1-.jpg 750w, /blog/content/images/size/w960/2023/01/weekly-news-metaventis-copy--1-.jpg 960w, /blog/content/images/size/w1140/2023/01/weekly-news-metaventis-copy--1-.jpg 1140w, /blog/content/images/size/w1920/2023/01/weekly-news-metaventis-copy--1-.jpg 1920w" data-sizes="auto" src="/blog/content/images/size/w960/2023/01/weekly-news-metaventis-copy--1-.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="NFTs Weekly News #2 - Entertainment: Game of Thrones NFT reveal"> </a> </div> </div> <div class="container medium"> <header class="post-header big-title"> <h2 class="post-title"> <a class="post-title-link" href="/blog/crypto-news/nfts-weekly-news-entertainment-game-of-thrones-nft-reveal/">NFTs Weekly News #2 - Entertainment: Game of Thrones NFT reveal</a> </h2> <div class="post-meta"> <div class="d-block mb-4"> <span class="post-meta-item post-meta-tags"> <a class="post-tag post-tag-crypto-news" href="https://www.creative-tim.com/blog/crypto-news/" title="Crypto News">Crypto News</a> </span> <span class="post-meta-item post-meta-length"> 4 min read </span> </div> <span class="post-meta-item post-meta-date"> Updated: <time datetime="2023-01-25"> 2 years ago </time> </span> <span class="post-meta-item post-meta-date"> Published: <time datetime="2023-01-21"> 2 years ago </time> </span> </div> </header> <div class="post-excerpt"> Non-Fungible Tokens, or NFTs, have been making headlines around the world for their unique ability to represent digital ownership and authenticity. From music to art, film, and gaming, NFTs are changing the way <a class="post-link primary" href="/blog/crypto-news/nfts-weekly-news-entertainment-game-of-thrones-nft-reveal/">Read Now</a> </div> <footer class="post-footer"> <div class="post-author"> <a class="post-author-image-link" href="/blog/author/metaventis/"> <img class="post-author-image" src="/blog/content/images/size/w150/2023/01/metaventis.png" alt="Metaventis"> </a> <div class="post-author-name hidden-xs hidden-sm"> <span class="post-author-by">By: </span> <a class="post-author-name-link" href="/blog/author/metaventis/">Metaventis</a> </div> </div> <div class="post-action"> <a class="post-link secondary" href="https://getpocket.com/edit?url=https://www.creative-tim.com/blog/crypto-news/nfts-weekly-news-entertainment-game-of-thrones-nft-reveal/" target="_blank" rel="noopener">Read Later</a> </div> </footer> </div> </article> <article class="post tag-educational-tech tag-web-3-0 tag-nft"> <div class="post-media container large"> <div class="u-placeholder horizontal"> <a class="post-image-link" href="/blog/educational-tech/ways-nfts-can-kickstart-your-small-business/"> <img class="post-image lazyload u-object-fit" data-srcset="/blog/content/images/size/w400/2023/01/8-Ways-NFTs-Can-Kickstart-Your-Small-Business.jpg 400w, /blog/content/images/size/w750/2023/01/8-Ways-NFTs-Can-Kickstart-Your-Small-Business.jpg 750w, /blog/content/images/size/w960/2023/01/8-Ways-NFTs-Can-Kickstart-Your-Small-Business.jpg 960w, /blog/content/images/size/w1140/2023/01/8-Ways-NFTs-Can-Kickstart-Your-Small-Business.jpg 1140w, /blog/content/images/size/w1920/2023/01/8-Ways-NFTs-Can-Kickstart-Your-Small-Business.jpg 1920w" data-sizes="auto" src="/blog/content/images/size/w960/2023/01/8-Ways-NFTs-Can-Kickstart-Your-Small-Business.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="8 Ways NFTs Can Kickstart Your Small Business"> </a> </div> </div> <div class="container medium"> <header class="post-header big-title"> <h2 class="post-title"> <a class="post-title-link" href="/blog/educational-tech/ways-nfts-can-kickstart-your-small-business/">8 Ways NFTs Can Kickstart Your Small Business</a> </h2> <div class="post-meta"> <div class="d-block mb-4"> <span class="post-meta-item post-meta-tags"> <a class="post-tag post-tag-educational-tech" href="https://www.creative-tim.com/blog/educational-tech/" title="Educational Tech">Educational Tech</a> </span> <span class="post-meta-item post-meta-length"> 6 min read </span> </div> <span class="post-meta-item post-meta-date"> Updated: <time datetime="2023-03-21"> 2 years ago </time> </span> <span class="post-meta-item post-meta-date"> Published: <time datetime="2023-01-16"> 2 years ago </time> </span> </div> </header> <div class="post-excerpt"> Non-fungible tokens (NFTs) are quickly becoming a popular way for small businesses to gain more attention and make more money. NFTs can revolutionize your business, allowing you to reach new customers, expand your <a class="post-link primary" href="/blog/educational-tech/ways-nfts-can-kickstart-your-small-business/">Read Now</a> </div> <footer class="post-footer"> <div class="post-author"> <a class="post-author-image-link" href="/blog/author/guest-post/"> <img class="post-author-image" src="https://0.gravatar.com/avatar/986c1a4a96c44a3017304d6936f37609?s=512&d=monsterid&r=g" alt="Guest Post"> </a> <div class="post-author-name hidden-xs hidden-sm"> <span class="post-author-by">By: </span> <a class="post-author-name-link" href="/blog/author/guest-post/">Guest Post</a> </div> </div> <div class="post-action"> <a class="post-link secondary" href="https://getpocket.com/edit?url=https://www.creative-tim.com/blog/educational-tech/ways-nfts-can-kickstart-your-small-business/" target="_blank" rel="noopener">Read Later</a> </div> </footer> </div> </article> <article class="post tag-educational-tech tag-web-3-0 tag-nft"> <div class="post-media container large"> <div class="u-placeholder horizontal"> <a class="post-image-link" href="/blog/educational-tech/best-nfts-marketplaces-why/"> <img class="post-image lazyload u-object-fit" data-srcset="/blog/content/images/size/w400/2022/12/Best-NFTs-Marketplaces-for-2023.jpg 400w, /blog/content/images/size/w750/2022/12/Best-NFTs-Marketplaces-for-2023.jpg 750w, /blog/content/images/size/w960/2022/12/Best-NFTs-Marketplaces-for-2023.jpg 960w, /blog/content/images/size/w1140/2022/12/Best-NFTs-Marketplaces-for-2023.jpg 1140w, /blog/content/images/size/w1920/2022/12/Best-NFTs-Marketplaces-for-2023.jpg 1920w" data-sizes="auto" src="/blog/content/images/size/w960/2022/12/Best-NFTs-Marketplaces-for-2023.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="10+ Best NFTs Marketplaces for 2023 and Why"> </a> </div> </div> <div class="container medium"> <header class="post-header big-title"> <h2 class="post-title"> <a class="post-title-link" href="/blog/educational-tech/best-nfts-marketplaces-why/">10+ Best NFTs Marketplaces for 2023 and Why</a> </h2> <div class="post-meta"> <div class="d-block mb-4"> <span class="post-meta-item post-meta-tags"> <a class="post-tag post-tag-educational-tech" href="https://www.creative-tim.com/blog/educational-tech/" title="Educational Tech">Educational Tech</a> </span> <span class="post-meta-item post-meta-length"> 13 min read </span> </div> <span class="post-meta-item post-meta-date"> Updated: <time datetime="2023-03-20"> 2 years ago </time> </span> <span class="post-meta-item post-meta-date"> Published: <time datetime="2022-12-14"> 2 years ago </time> </span> </div> </header> <div class="post-excerpt"> NFTs have become increasingly popular since the first one, Quantum, was minted in May 2014. But it wasn鈥檛 until three years later that widespread adoption of this new technology was witnessed. Interestingly, <a class="post-link primary" href="/blog/educational-tech/best-nfts-marketplaces-why/">Read Now</a> </div> <footer class="post-footer"> <div class="post-author"> <a class="post-author-image-link" href="/blog/author/alexandra-murtaza/"> <img class="post-author-image" src="/blog/content/images/size/w150/2022/02/alexandra_murtaza.png" alt="Alexandra Murtaza"> </a> <div class="post-author-name hidden-xs hidden-sm"> <span class="post-author-by">By: </span> <a class="post-author-name-link" href="/blog/author/alexandra-murtaza/">Alexandra Murtaza</a> </div> </div> <div class="post-action"> <a class="post-link secondary" href="https://getpocket.com/edit?url=https://www.creative-tim.com/blog/educational-tech/best-nfts-marketplaces-why/" target="_blank" rel="noopener">Read Later</a> </div> </footer> </div> </article> <article class="post tag-creative-tim tag-web-3-0 tag-nft"> <div class="post-media container large"> <div class="u-placeholder horizontal"> <a class="post-image-link" href="/blog/creative-tim/inspired-to-create-the-celebrities-nf-tims-rarest-nfts/"> <img class="post-image lazyload u-object-fit" data-srcset="/blog/content/images/size/w400/2022/09/cover-nftim-celebrities.jpg 400w, /blog/content/images/size/w750/2022/09/cover-nftim-celebrities.jpg 750w, /blog/content/images/size/w960/2022/09/cover-nftim-celebrities.jpg 960w, /blog/content/images/size/w1140/2022/09/cover-nftim-celebrities.jpg 1140w, /blog/content/images/size/w1920/2022/09/cover-nftim-celebrities.jpg 1920w" data-sizes="auto" src="/blog/content/images/size/w960/2022/09/cover-nftim-celebrities.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Who Inspired us to Create the 10 Celebrities - NF-Tim's Rarest NFTs"> </a> </div> </div> <div class="container medium"> <header class="post-header big-title"> <h2 class="post-title"> <a class="post-title-link" href="/blog/creative-tim/inspired-to-create-the-celebrities-nf-tims-rarest-nfts/">Who Inspired us to Create the 10 Celebrities - NF-Tim's Rarest NFTs</a> </h2> <div class="post-meta"> <div class="d-block mb-4"> <span class="post-meta-item post-meta-tags"> <a class="post-tag post-tag-creative-tim" href="https://www.creative-tim.com/blog/creative-tim/" title="Creative Tim">Creative Tim</a> </span> <span class="post-meta-item post-meta-length"> 5 min read </span> </div> <span class="post-meta-item post-meta-date"> Updated: <time datetime="2022-09-23"> 2 years ago </time> </span> <span class="post-meta-item post-meta-date"> Published: <time datetime="2022-09-23"> 2 years ago </time> </span> </div> </header> <div class="post-excerpt"> Celebrity Meta-Humans are NF-Tim鈥檚 most special NFTs in terms of rarity. NF-Tim by Creative Tim collection includes three types of NFTs: Meta-Bots, Meta-Humans, and Meta-Tims. Only ten NFTs in the Meta-Humans category <a class="post-link primary" href="/blog/creative-tim/inspired-to-create-the-celebrities-nf-tims-rarest-nfts/">Read Now</a> </div> <footer class="post-footer"> <div class="post-author"> <a class="post-author-image-link" href="/blog/author/alexandra-murtaza/"> <img class="post-author-image" src="/blog/content/images/size/w150/2022/02/alexandra_murtaza.png" alt="Alexandra Murtaza"> </a> <div class="post-author-name hidden-xs hidden-sm"> <span class="post-author-by">By: </span> <a class="post-author-name-link" href="/blog/author/alexandra-murtaza/">Alexandra Murtaza</a> </div> </div> <div class="post-action"> <a class="post-link secondary" href="https://getpocket.com/edit?url=https://www.creative-tim.com/blog/creative-tim/inspired-to-create-the-celebrities-nf-tims-rarest-nfts/" target="_blank" rel="noopener">Read Later</a> </div> </footer> </div> </article> <article class="post tag-creative-tim tag-web-3-0 tag-nft"> <div class="post-media container large"> <div class="u-placeholder horizontal"> <a class="post-image-link" href="/blog/creative-tim/web-2-to-web-3-utility-nfts-sold-out-in-60-minutes-for-our-ui-ux-tools/"> <img class="post-image lazyload u-object-fit" data-srcset="/blog/content/images/size/w400/2022/09/web-2-to-web-3-.jpg 400w, /blog/content/images/size/w750/2022/09/web-2-to-web-3-.jpg 750w, /blog/content/images/size/w960/2022/09/web-2-to-web-3-.jpg 960w, /blog/content/images/size/w1140/2022/09/web-2-to-web-3-.jpg 1140w, /blog/content/images/size/w1920/2022/09/web-2-to-web-3-.jpg 1920w" data-sizes="auto" src="/blog/content/images/size/w960/2022/09/web-2-to-web-3-.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Web 2.0 to Web 3.0 - 9,999 Utility NFTs Sold Out in 60 minutes for our UI/UX Tools"> </a> </div> </div> <div class="container medium"> <header class="post-header big-title"> <h2 class="post-title"> <a class="post-title-link" href="/blog/creative-tim/web-2-to-web-3-utility-nfts-sold-out-in-60-minutes-for-our-ui-ux-tools/">Web 2.0 to Web 3.0 - 9,999 Utility NFTs Sold Out in 60 minutes for our UI/UX Tools</a> </h2> <div class="post-meta"> <div class="d-block mb-4"> <span class="post-meta-item post-meta-tags"> <a class="post-tag post-tag-creative-tim" href="https://www.creative-tim.com/blog/creative-tim/" title="Creative Tim">Creative Tim</a> </span> <span class="post-meta-item post-meta-length"> 7 min read </span> </div> <span class="post-meta-item post-meta-date"> Updated: <time datetime="2024-07-25"> 4 months ago </time> </span> <span class="post-meta-item post-meta-date"> Published: <time datetime="2022-09-16"> 2 years ago </time> </span> </div> </header> <div class="post-excerpt"> Our first Web 3.0/NFTs project was launched last Friday after 11+ months of hard work and support from the BHero and Elrond community. The result was amazing; the collection Sold Out <a class="post-link primary" href="/blog/creative-tim/web-2-to-web-3-utility-nfts-sold-out-in-60-minutes-for-our-ui-ux-tools/">Read Now</a> </div> <footer class="post-footer"> <div class="post-author"> <a class="post-author-image-link" href="/blog/author/alexandra-murtaza/"> <img class="post-author-image" src="/blog/content/images/size/w150/2022/02/alexandra_murtaza.png" alt="Alexandra Murtaza"> </a> <div class="post-author-name hidden-xs hidden-sm"> <span class="post-author-by">By: </span> <a class="post-author-name-link" href="/blog/author/alexandra-murtaza/">Alexandra Murtaza</a> </div> </div> <div class="post-action"> <a class="post-link secondary" href="https://getpocket.com/edit?url=https://www.creative-tim.com/blog/creative-tim/web-2-to-web-3-utility-nfts-sold-out-in-60-minutes-for-our-ui-ux-tools/" target="_blank" rel="noopener">Read Later</a> </div> </footer> </div> </article> <article class="post tag-educational-tech tag-creative-tim tag-nft tag-web-3-0"> <div class="post-media container large"> <div class="u-placeholder horizontal"> <a class="post-image-link" href="/blog/educational-tech/how-to-buy-nf-tim-the-complete-guide/"> <img class="post-image lazyload u-object-fit" data-srcset="/blog/content/images/size/w400/2022/08/nft-guide.jpg 400w, /blog/content/images/size/w750/2022/08/nft-guide.jpg 750w, /blog/content/images/size/w960/2022/08/nft-guide.jpg 960w, /blog/content/images/size/w1140/2022/08/nft-guide.jpg 1140w, /blog/content/images/size/w1920/2022/08/nft-guide.jpg 1920w" data-sizes="auto" src="/blog/content/images/size/w960/2022/08/nft-guide.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="How to buy NF-Tims - The Complete Guide"> </a> </div> </div> <div class="container medium"> <header class="post-header big-title"> <h2 class="post-title"> <a class="post-title-link" href="/blog/educational-tech/how-to-buy-nf-tim-the-complete-guide/">How to buy NF-Tims - The Complete Guide</a> </h2> <div class="post-meta"> <div class="d-block mb-4"> <span class="post-meta-item post-meta-tags"> <a class="post-tag post-tag-educational-tech" href="https://www.creative-tim.com/blog/educational-tech/" title="Educational Tech">Educational Tech</a> </span> <span class="post-meta-item post-meta-length"> 4 min read </span> </div> <span class="post-meta-item post-meta-date"> Updated: <time datetime="2023-11-10"> a year ago </time> </span> <span class="post-meta-item post-meta-date"> Published: <time datetime="2022-08-05"> 2 years ago </time> </span> </div> </header> <div class="post-excerpt"> In the following step-by-step guide, we explain the process of buying NF-Tim NFTs in a safe and secure way. Buying an NFT isn鈥檛 hard, but it requires following some steps that are <a class="post-link primary" href="/blog/educational-tech/how-to-buy-nf-tim-the-complete-guide/">Read Now</a> </div> <footer class="post-footer"> <div class="post-author"> <a class="post-author-image-link" href="/blog/author/alexandra-murtaza/"> <img class="post-author-image" src="/blog/content/images/size/w150/2022/02/alexandra_murtaza.png" alt="Alexandra Murtaza"> </a> <div class="post-author-name hidden-xs hidden-sm"> <span class="post-author-by">By: </span> <a class="post-author-name-link" href="/blog/author/alexandra-murtaza/">Alexandra Murtaza</a> </div> </div> <div class="post-action"> <a class="post-link secondary" href="https://getpocket.com/edit?url=https://www.creative-tim.com/blog/educational-tech/how-to-buy-nf-tim-the-complete-guide/" target="_blank" rel="noopener">Read Later</a> </div> </footer> </div> </article> <article class="post tag-educational-tech tag-web-3-0 tag-blockchain tag-nft"> <div class="post-media container large"> <div class="u-placeholder horizontal"> <a class="post-image-link" href="/blog/educational-tech/essential-web-3-0-terms/"> <img class="post-image lazyload u-object-fit" data-srcset="/blog/content/images/size/w400/2022/07/essential-web-3-terms.jpg 400w, /blog/content/images/size/w750/2022/07/essential-web-3-terms.jpg 750w, /blog/content/images/size/w960/2022/07/essential-web-3-terms.jpg 960w, /blog/content/images/size/w1140/2022/07/essential-web-3-terms.jpg 1140w, /blog/content/images/size/w1920/2022/07/essential-web-3-terms.jpg 1920w" data-sizes="auto" src="/blog/content/images/size/w960/2022/07/essential-web-3-terms.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="25+ Essential Web 3.0 Terms You Need to Know to Understand It"> </a> </div> </div> <div class="container medium"> <header class="post-header big-title"> <h2 class="post-title"> <a class="post-title-link" href="/blog/educational-tech/essential-web-3-0-terms/">25+ Essential Web 3.0 Terms You Need to Know to Understand It</a> </h2> <div class="post-meta"> <div class="d-block mb-4"> <span class="post-meta-item post-meta-tags"> <a class="post-tag post-tag-educational-tech" href="https://www.creative-tim.com/blog/educational-tech/" title="Educational Tech">Educational Tech</a> </span> <span class="post-meta-item post-meta-length"> 9 min read </span> </div> <span class="post-meta-item post-meta-date"> Updated: <time datetime="2024-07-18"> 4 months ago </time> </span> <span class="post-meta-item post-meta-date"> Published: <time datetime="2022-07-21"> 2 years ago </time> </span> </div> </header> <div class="post-excerpt"> While Web 3 is taking the world over by a storm, you might still be having some trouble wrapping your head around the terms being thrown around. It can be hard to keep <a class="post-link primary" href="/blog/educational-tech/essential-web-3-0-terms/">Read Now</a> </div> <footer class="post-footer"> <div class="post-author"> <a class="post-author-image-link" href="/blog/author/alexandra-murtaza/"> <img class="post-author-image" src="/blog/content/images/size/w150/2022/02/alexandra_murtaza.png" alt="Alexandra Murtaza"> </a> <div class="post-author-name hidden-xs hidden-sm"> <span class="post-author-by">By: </span> <a class="post-author-name-link" href="/blog/author/alexandra-murtaza/">Alexandra Murtaza</a> </div> </div> <div class="post-action"> <a class="post-link secondary" href="https://getpocket.com/edit?url=https://www.creative-tim.com/blog/educational-tech/essential-web-3-0-terms/" target="_blank" rel="noopener">Read Later</a> </div> </footer> </div> </article> <article class="post tag-creative-tim tag-nft tag-web-3-0"> <div class="post-media container large"> <div class="u-placeholder horizontal"> <a class="post-image-link" href="/blog/creative-tim/nf-tim-first-project-on-bhero-accelerator/"> <img class="post-image lazyload u-object-fit" data-srcset="/blog/content/images/size/w400/2022/06/cover-bhero-ct.jpg 400w, /blog/content/images/size/w750/2022/06/cover-bhero-ct.jpg 750w, /blog/content/images/size/w960/2022/06/cover-bhero-ct.jpg 960w, /blog/content/images/size/w1140/2022/06/cover-bhero-ct.jpg 1140w, /blog/content/images/size/w1920/2022/06/cover-bhero-ct.jpg 1920w" data-sizes="auto" src="/blog/content/images/size/w960/2022/06/cover-bhero-ct.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="NF-Tim by Creative Tim - The First Project on the BHero Accelerator Program"> </a> </div> </div> <div class="container medium"> <header class="post-header big-title"> <h2 class="post-title"> <a class="post-title-link" href="/blog/creative-tim/nf-tim-first-project-on-bhero-accelerator/">NF-Tim by Creative Tim - The First Project on the BHero Accelerator Program</a> </h2> <div class="post-meta"> <div class="d-block mb-4"> <span class="post-meta-item post-meta-tags"> <a class="post-tag post-tag-creative-tim" href="https://www.creative-tim.com/blog/creative-tim/" title="Creative Tim">Creative Tim</a> </span> <span class="post-meta-item post-meta-length"> 4 min read </span> </div> <span class="post-meta-item post-meta-date"> Updated: <time datetime="2022-08-10"> 2 years ago </time> </span> <span class="post-meta-item post-meta-date"> Published: <time datetime="2022-06-20"> 2 years ago </time> </span> </div> </header> <div class="post-excerpt"> We are very excited to announce our partnership with Black Hat Network through our Web 3.0 upcoming project - NF-Tim by Creative Tim. This project is the first step that accelerates Creative <a class="post-link primary" href="/blog/creative-tim/nf-tim-first-project-on-bhero-accelerator/">Read Now</a> </div> <footer class="post-footer"> <div class="post-author"> <a class="post-author-image-link" href="/blog/author/alexandra-murtaza/"> <img class="post-author-image" src="/blog/content/images/size/w150/2022/02/alexandra_murtaza.png" alt="Alexandra Murtaza"> </a> <div class="post-author-name hidden-xs hidden-sm"> <span class="post-author-by">By: </span> <a class="post-author-name-link" href="/blog/author/alexandra-murtaza/">Alexandra Murtaza</a> </div> </div> <div class="post-action"> <a class="post-link secondary" href="https://getpocket.com/edit?url=https://www.creative-tim.com/blog/creative-tim/nf-tim-first-project-on-bhero-accelerator/" target="_blank" rel="noopener">Read Later</a> </div> </footer> </div> </article> <article class="post tag-creative-tim tag-web-3 tag-nft"> <div class="post-media container large"> <div class="u-placeholder horizontal"> <a class="post-image-link" href="/blog/creative-tim/creative-tim-will-launch-soon-its-nfts-collection-for-developers-and-designers/"> <img class="post-image lazyload u-object-fit" data-srcset="/blog/content/images/size/w400/2022/06/nftim-blog-cover--1-.jpg 400w, /blog/content/images/size/w750/2022/06/nftim-blog-cover--1-.jpg 750w, /blog/content/images/size/w960/2022/06/nftim-blog-cover--1-.jpg 960w, /blog/content/images/size/w1140/2022/06/nftim-blog-cover--1-.jpg 1140w, /blog/content/images/size/w1920/2022/06/nftim-blog-cover--1-.jpg 1920w" data-sizes="auto" src="/blog/content/images/size/w960/2022/06/nftim-blog-cover--1-.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Creative Tim will launch soon its NFTs collection for Developers and Designers"> </a> </div> </div> <div class="container medium"> <header class="post-header big-title"> <h2 class="post-title"> <a class="post-title-link" href="/blog/creative-tim/creative-tim-will-launch-soon-its-nfts-collection-for-developers-and-designers/">Creative Tim will launch soon its NFTs collection for Developers and Designers</a> </h2> <div class="post-meta"> <div class="d-block mb-4"> <span class="post-meta-item post-meta-tags"> <a class="post-tag post-tag-creative-tim" href="https://www.creative-tim.com/blog/creative-tim/" title="Creative Tim">Creative Tim</a> </span> <span class="post-meta-item post-meta-length"> 2 min read </span> </div> <span class="post-meta-item post-meta-date"> Updated: <time datetime="2022-09-26"> 2 years ago </time> </span> <span class="post-meta-item post-meta-date"> Published: <time datetime="2022-06-02"> 2 years ago </time> </span> </div> </header> <div class="post-excerpt"> We are excited to announce that Creative Tim is launching soon its NFTs collection. NF-Tim by Creative Tim is the first NFT utility project for Developers and Designers based on Elrond. This project <a class="post-link primary" href="/blog/creative-tim/creative-tim-will-launch-soon-its-nfts-collection-for-developers-and-designers/">Read Now</a> </div> <footer class="post-footer"> <div class="post-author"> <a class="post-author-image-link" href="/blog/author/alexandra-murtaza/"> <img class="post-author-image" src="/blog/content/images/size/w150/2022/02/alexandra_murtaza.png" alt="Alexandra Murtaza"> </a> <div class="post-author-name hidden-xs hidden-sm"> <span class="post-author-by">By: </span> <a class="post-author-name-link" href="/blog/author/alexandra-murtaza/">Alexandra Murtaza</a> </div> </div> <div class="post-action"> <a class="post-link secondary" href="https://getpocket.com/edit?url=https://www.creative-tim.com/blog/creative-tim/creative-tim-will-launch-soon-its-nfts-collection-for-developers-and-designers/" target="_blank" rel="noopener">Read Later</a> </div> </footer> </div> </article> </div> <nav class="pagination container large"> <div class="pagination-left"> </div> <span class="page-number hidden-xs hidden-sm">Page 1 of 1</span> <div class="pagination-right"> </div> </nav> </main> </div> </div> <footer class="site-footer container"> <div> <a class="logo" href="https://www.creative-tim.com/" target="_blank"> <img class="logo-image mb-5 lg:mb-32" src="https://localhost:2368/content/images/2023/02/logo-creative-tim-black.png" alt="Creative Tim"> <img class="logo-image white mb-5 lg:mb-32" src="https://s3.amazonaws.com/creativetim_bucket/static-assets/logo-ct-blog-white.png"> </a> <p class="text-sm text-gray-600 dark:text-gray-400 mb-5 lg:mb-0"> 漏 <script>document.write(new Date().getFullYear())</script><a href="https://www.creative-tim.com/" target="_blank" rel="noopener">  Creative Tim</a>, made with 鉂わ笍 for a better web. </a> </p> </div> <ul class="nav block md:flex flex-row"> <li class="text-start sm:mb-0 mb-4"> <div> <h6 class="mb-4 text-sm font-semibold uppercase text-gray-600">Company</h6> <ul class="flex-column mr-6"> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/presentation" rel="nofollow" target="_blank"> About us </a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/templates/free" rel="nofollow" target="_blank"> Freebies </a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/templates/premium" rel="nofollow" target="_blank"> Premium </a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/blog" rel="nofollow" target="_blank"> Blog </a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/affiliates/new" rel="nofollow" target="_blank"> Affiliate Program </a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/coupon" rel="nofollow" target="_blank"> Get coupon </a> </li> </ul> </div> </li> <li class="text-start md:ml-4 lg:ml-5 sm:mb-0 mb-4"> <div> <h6 class="mb-4 text-sm font-semibold uppercase text-gray-600">Help and Support</h6> <ul class="flex-column mr-6"> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/knowledge-center" rel="nofollow" target="_blank"> Knowledge Center </a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/contact-us" target="_blank"> Contact Us </a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/support-terms" target="_blank"> Premium Support </a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/sponsorships" rel="nofollow" target="_blank"> Sponsorship </a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/services/updivision?ref=astro-ecommerce" rel="nofollow" target="_blank"> Custom Development </a> </li> </ul> </div> </li> <li class="text-start lg:ml-5 md:ml-4 sm:mb-0 mb-4"> <div> <h6 class="mb-4 text-sm font-semibold uppercase text-gray-600">Legal</h6> <ul class="flex-column mr-6"> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/knowledge-center/terml-of-service/" rel="nofollow" target="_blank"> Terms & Conditions </a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/knowledge-center/privacy-policy/" target="_blank"> Privacy Policy </a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/license" target="_blank"> Licenses </a> </li> </ul> </div> </li> <li class="text-start lg:ml-5 md:ml-4 sm:mb-0 mb-4"> <div> <h6 class="mb-4 text-sm font-semibold uppercase text-gray-600">Resources</h6> <ul class="flex-column mr-6"> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/jobs" rel="nofollow" target="_blank">Jobs</a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/cheatsheet/bootstrap4" rel="nofollow" target="_blank">Bootstrap Cheat Sheet</a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/tools" rel="nofollow" target="_blank">Third-Party Tools</a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://iradesign.io/" rel="nofollow" target="_blank">Illustrations</a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/bits" rel="nofollow" target="_blank">Bits</a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.bluehost.com/?utm_medium=affiliate&irpid=105&clickid=P99C105S645N0B9A2D4499E0000V100&pb=affiliate_nonpromo&source=IR&utm_source=IR" rel="nofollow" target="_blank">Bluehost</a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.digitalocean.com/?refcode=276af09d9975&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=CopyPaste" rel="nofollow" target="_blank">Digital Ocean</a> </li> <li class="mb-4"> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400" href="https://www.creative-tim.com/gallery/get-shit-done-pro" rel="nofollow" target="_blank">Made with Creative Tim</a> </li> </ul> </div> </li> </ul> </footer> </div> <div class="dimmer"></div> <div class="off-canvas"> <div class="canvas-close"> <i class="canvas-icon icon icon-window-close"></i> </div> <div class="mobile-menu"></div> </div> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"> </script> <script src="/blog/assets/built/main.min.js?v=bc77caee98"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/components/prism-core.min.js" integrity="sha512-9khQRAUBYEJDCDVP2yw3LRUQvjJ0Pjx0EShmaQjcHa6AXiOv6qHQu9lCAIR8O+/D8FtaCoJ2c0Tf9Xo7hYH01Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/autoloader/prism-autoloader.min.js" integrity="sha512-fTl/qcO1VgvKtOMApX2PdZzkziyr2stM65GYPLGuYMnuMm1z2JLJG6XVU7C/mR+E7xBUqCivykuhlzfqxXBXbg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://polyfill.io/v3/polyfill.min.js?features=Promise%2CObject.entries%2CObject.assign"></script> <script src="https://cdn.jsdelivr.net/npm/algoliasearch@4.14.3/dist/algoliasearch.umd.js" integrity="sha256-xpIeHMyr5dPVIcLjKZ9plxUrg4lFJ11AMdoPLDEYtPk=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script> <script type="text/javascript"> docsearch({ container: '#docsearch', appId: 'H5FHEK3TTR', indexName: 'creative-tim', apiKey: 'a322bdccce45153c3270b08da1a1c6e7', debug: true }); </script> <script type="text/javascript"> var prevScrollpos = window.pageYOffset; window.onscroll = function() { var currentScrollPos = window.pageYOffset; if (prevScrollpos > currentScrollPos) { document.getElementById("navbar").style.top = "0"; } else { document.getElementById("navbar").style.top = "-135px"; } prevScrollpos = currentScrollPos; } </script> </body> </html>

CINXE.COM

nft - Creative Tim's Blog - Fully coded design resources for web developers