CINXE.COM

<!doctype html> <html lang="en"> <head> <link rel="canonical" href="https://themesberg.com/product/figma/admin-dashboard-pro-template"> <title>Figma Admin Dashboard Pro Template - Themesberg</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="Figma Admin Dashboard Pro is a set of UI components and pages built with the Figma software and optimized for Tailwind CSS. Check the live demo and join over 93522 developers using our products."> <meta name="author" content="Themesberg"> <meta name="csrf-token" content="fIRQIbYw3dO42xFk4rN42AuxrA9CVlWYuT9wQ7tk"> <meta name="image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/figma-admin-dashboard-pro/figma-admin-dashboard-thumbnail.png"> <meta name=”robots” content="index, follow"> <meta name="twitter:title" content="Figma Admin Dashboard Pro Template"> <meta name="twitter:url" content="https://themesberg.com/product/figma/admin-dashboard-pro-template"> <meta name="twitter:description" content="Figma Admin Dashboard Pro is a set of UI components and pages built with the Figma software and optimized for Tailwind CSS. Check the live demo and join over 93522 developers using our products."> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@themesberg"> <meta name="twitter:creator" content="@themesberg"> <meta name="twitter:image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/figma-admin-dashboard-pro/figma-admin-dashboard-thumbnail.png"> <meta property="og:type" content="og:product" /> <meta property="og:title" content="Figma Admin Dashboard Pro Template"> <meta property="og:description" content="Figma Admin Dashboard Pro is a set of UI components and pages built with the Figma software and optimized for Tailwind CSS."> <meta property="og:url" content="https://themesberg.com/product/figma/admin-dashboard-pro-template"> <meta property="og:image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/figma-admin-dashboard-pro/figma-admin-dashboard-thumbnail.png"> <meta property="product:brand" content="Themesberg"> <meta property="product:availability" content="in stock"> <meta property="product:condition" content="new"> <meta property="product:price:amount" content="79"> <meta property="product:price:currency" content="USD"> <meta property="product:retailer_item_id" content="admin-dashboard-pro-template"> <meta property="product:item_group_id" content="figma_admin-dashboard-pro-template"> <meta property="fb:app_id" content="2440134909584662" /> <link rel="apple-touch-icon" sizes="180x180" href="https://themesberg.com/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://themesberg.com/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://themesberg.com/favicon-16x16.png"> <link rel="manifest" href="https://themesberg.com/site.webmanifest"> <link rel="mask-icon" href="https://themesberg.com/safari-pinned-tab.svg" color="#ff7f66"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-rqn26AG5Pj86AF4SO72RK5fyefcQ/x32DNQfChxWvbXIyXFePlEktwD18fEz+kQU" crossorigin="anonymous"> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" /> <link type="text/css" href="https://themesberg.com/css/themesberg.css" rel="stylesheet"> <script src="https://cdn.usefathom.com/script.js" data-site="ZLGNUJDJ" defer></script> </head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-THQTXJ7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <header> <nav class="navbar navbar-expand-lg navbar-light bg-soft navbar-light"> <div class="container"> <a class="navbar-brand mr-lg-4" href="https://themesberg.com"> <div class="d-flex align-items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 64"> <defs> <style> .class-1 { fill: #ff7f66; } .class-2, .class-4 { fill: #2a344f; } .class-2 { opacity: 0.32; isolation: isolate; } .class-3 { opacity: 0.16; } </style> </defs> <title>logo</title> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <g id="Group_16" data-name="Group 16"> <g id="Group_15" data-name="Group 15"> <g id="Group_12" data-name="Group 12"> <path id="Path_35" data-name="Path 35" class="class-1" d="M53.52,1.87l-22,5.39a1.61,1.61,0,0,1-1.23-.21L19.89.25a1.57,1.57,0,0,0-1.3-.19l-18,5.3A.77.77,0,0,0,0,6.09V16.87L18.59,11.4a1.57,1.57,0,0,1,1.3.19l10.4,6.79a1.53,1.53,0,0,0,1.23.21L54,13.09V2.23a.39.39,0,0,0-.39-.38Z" /> <path id="Path_36" data-name="Path 36" class="class-1" d="M40.25,27.84l-8.73,2.1a1.57,1.57,0,0,1-1.23-.21l-10.4-6.8a.37.37,0,0,0-.53.11.31.31,0,0,0-.07.2V33.47a.75.75,0,0,0,.34.63l10.66,7a1.57,1.57,0,0,0,1.23.2l9.23-2.21A6.86,6.86,0,0,0,46,32.45v-.21a4.62,4.62,0,0,0-4.68-4.55A4.93,4.93,0,0,0,40.25,27.84Z" /> <path id="Path_37" data-name="Path 37" class="class-1" d="M40.25,50.52l-8.73,2.1a1.61,1.61,0,0,1-1.23-.21l-10.4-6.8a.38.38,0,0,0-.53.1.35.35,0,0,0-.07.21V56.15a.75.75,0,0,0,.34.63l10.66,7a1.53,1.53,0,0,0,1.23.21l9.23-2.22A6.84,6.84,0,0,0,46,55.13v-.21a4.62,4.62,0,0,0-4.68-4.55A4.39,4.39,0,0,0,40.25,50.52Z" /> </g> <path id="Path_38" data-name="Path 38" class="class-2" d="M30.86,41.29V30a1.63,1.63,0,0,0,.66,0L35.28,29l2.2,10.8-6,1.46A1.47,1.47,0,0,1,30.86,41.29Zm8.82,9.33-8.16,2a1.63,1.63,0,0,1-.66,0V64a1.63,1.63,0,0,0,.66,0l10.36-2.54Zm-8.82-32a1.63,1.63,0,0,0,.66,0l1.57-.38L30.86,7.28Z" /> <g id="Group_13" data-name="Group 13" class="class-3"> <path id="Path_39" data-name="Path 39" class="class-4" d="M19.29,11.36a1.82,1.82,0,0,1,.6.23l10.4,6.8a1.41,1.41,0,0,0,.57.22V7.27a1.41,1.41,0,0,1-.57-.22L19.89.25a1.82,1.82,0,0,0-.6-.23Z" /> <path id="Path_40" data-name="Path 40" class="class-4" d="M30.86,52.64a1.67,1.67,0,0,1-.57-.23l-10.4-6.8a.39.39,0,0,0-.54.11.36.36,0,0,0-.06.2V56.15a.75.75,0,0,0,.34.63l10.66,7a1.73,1.73,0,0,0,.57.22Z" /> <path id="Path_41" data-name="Path 41" class="class-4" d="M19.89,22.93a.39.39,0,0,0-.54.11.36.36,0,0,0-.06.2V33.47a.75.75,0,0,0,.34.63l10.66,7a1.58,1.58,0,0,0,.57.22V30a1.43,1.43,0,0,1-.57-.23Z" /> </g> </g> </g> </g> </g> </svg> <p class="ml-2 mb-0 logo-text "> Themesberg</p> </div> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse pt-3 pt-lg-0" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a href="https://themesberg.com/themes" class="nav-link">Themes</a> </li> <li class="nav-item"> <a href="https://themesberg.com/blog" class="nav-link">Blog</a> </li> <li class="nav-item"> <a href="https://themesberg.com/contact" class="nav-link">Contact</a> </li> </ul> <div class="d-flex align-items-center"> <div class="d-flex align-items-center"> <a href="https://themesberg.com/login" class="btn btn-sm btn-outline-primary mt-2 mt-lg-0" data-toggle="tooltip" data-placement="bottom" title="Join 93522 developers to access Free Themes"> <i class="fad fa-sign-in-alt mr-2"></i>Login/Register </a> </div> </div> </div> </div> </nav> </header> <nav class="navbar navbar-product navbar-expand-lg navbar-light bg-soft navbar-light" style="display: none"> <div class="container"> <a class="navbar-brand mr-lg-4" href="https://themesberg.com"> <div class="d-flex align-items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 64"> <defs> <style> .class-1 { fill: #ff7f66; } .class-2, .class-4 { fill: #2a344f; } .class-2 { opacity: 0.32; isolation: isolate; } .class-3 { opacity: 0.16; } </style> </defs> <title>logo</title> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <g id="Group_16" data-name="Group 16"> <g id="Group_15" data-name="Group 15"> <g id="Group_12" data-name="Group 12"> <path id="Path_35" data-name="Path 35" class="class-1" d="M53.52,1.87l-22,5.39a1.61,1.61,0,0,1-1.23-.21L19.89.25a1.57,1.57,0,0,0-1.3-.19l-18,5.3A.77.77,0,0,0,0,6.09V16.87L18.59,11.4a1.57,1.57,0,0,1,1.3.19l10.4,6.79a1.53,1.53,0,0,0,1.23.21L54,13.09V2.23a.39.39,0,0,0-.39-.38Z" /> <path id="Path_36" data-name="Path 36" class="class-1" d="M40.25,27.84l-8.73,2.1a1.57,1.57,0,0,1-1.23-.21l-10.4-6.8a.37.37,0,0,0-.53.11.31.31,0,0,0-.07.2V33.47a.75.75,0,0,0,.34.63l10.66,7a1.57,1.57,0,0,0,1.23.2l9.23-2.21A6.86,6.86,0,0,0,46,32.45v-.21a4.62,4.62,0,0,0-4.68-4.55A4.93,4.93,0,0,0,40.25,27.84Z" /> <path id="Path_37" data-name="Path 37" class="class-1" d="M40.25,50.52l-8.73,2.1a1.61,1.61,0,0,1-1.23-.21l-10.4-6.8a.38.38,0,0,0-.53.1.35.35,0,0,0-.07.21V56.15a.75.75,0,0,0,.34.63l10.66,7a1.53,1.53,0,0,0,1.23.21l9.23-2.22A6.84,6.84,0,0,0,46,55.13v-.21a4.62,4.62,0,0,0-4.68-4.55A4.39,4.39,0,0,0,40.25,50.52Z" /> </g> <path id="Path_38" data-name="Path 38" class="class-2" d="M30.86,41.29V30a1.63,1.63,0,0,0,.66,0L35.28,29l2.2,10.8-6,1.46A1.47,1.47,0,0,1,30.86,41.29Zm8.82,9.33-8.16,2a1.63,1.63,0,0,1-.66,0V64a1.63,1.63,0,0,0,.66,0l10.36-2.54Zm-8.82-32a1.63,1.63,0,0,0,.66,0l1.57-.38L30.86,7.28Z" /> <g id="Group_13" data-name="Group 13" class="class-3"> <path id="Path_39" data-name="Path 39" class="class-4" d="M19.29,11.36a1.82,1.82,0,0,1,.6.23l10.4,6.8a1.41,1.41,0,0,0,.57.22V7.27a1.41,1.41,0,0,1-.57-.22L19.89.25a1.82,1.82,0,0,0-.6-.23Z" /> <path id="Path_40" data-name="Path 40" class="class-4" d="M30.86,52.64a1.67,1.67,0,0,1-.57-.23l-10.4-6.8a.39.39,0,0,0-.54.11.36.36,0,0,0-.06.2V56.15a.75.75,0,0,0,.34.63l10.66,7a1.73,1.73,0,0,0,.57.22Z" /> <path id="Path_41" data-name="Path 41" class="class-4" d="M19.89,22.93a.39.39,0,0,0-.54.11.36.36,0,0,0-.06.2V33.47a.75.75,0,0,0,.34.63l10.66,7a1.58,1.58,0,0,0,.57.22V30a1.43,1.43,0,0,1-.57-.23Z" /> </g> </g> </g> </g> </g> </svg> <p class="ml-2 mb-0 logo-text "> Themesberg</p> </div> </a> <div class="d-flex flex-wrap"> <a href="https://www.figma.com/file/GkSnYg9g5f0Eq9gQ6BSAv8/Tailwind-Figma-Pro-Preview-1.0?node-id=0%3A1" target="_blank" rel="nofollow noopener" class="btn btn-sm btn-dark animate-up-2 mr-3" style="background: #1c64f2; border-color: #1c64f2 !important"> Live preview <span class="fad fa-external-link ml-2"></span> </a> <a data-scroll href="#pricing" class="btn btn-sm btn-dark animate-up-2 mr-3 d-none d-md-inline"> <span class="btn-inner-icon mr-2"><i class="fad fa-shopping-cart"></i></span>Purchase - <span class="currency">$</span><span class="standard_price">79</span> </a> <a href="https://www.figma.com/file/GkSnYg9g5f0Eq9gQ6BSAv8/Tailwind-Figma-Pro-Preview-1.0?node-id=1%3A2" target="_blank" role="button" class="btn btn-gray animate-up-2 btn-sm d-none d-md-inline"> <span class="btn-inner-text"><span class="far fa-books mr-2"></span> Docs v1.0.0</span> </a> <a href="https://themesberg.com/product/figma/admin-dashboard-template" role="button" class="btn btn-sm btn-outline-dark animate-up-2 ml-3 d-none d-md-inline"> Get Free Demo </a> </div> </div> </nav> <main> <div itemscope itemtype="https://schema.org/Product"> <section class="section section-xl pt-lg-5 pt-3 pb-lg-7 bg-soft o-hidden justify-content-center position-relative"> <div class="container"> <div class="row justify-content-between align-items-center"> <div class="col-12 col-lg-7 mb-5 mb-lg-0"> <nav aria-label="breadcrumb"> <ol class="breadcrumb breadcrumb-gray breadcrumb-product text-dark breadcrumb-transparent mb-3"> <li class="breadcrumb-item"><a href="https://themesberg.com/themes">Themes</a></li> <li class="breadcrumb-item "><a href="https://themesberg.com/templates/figma">Figma</a> </li> <li class="breadcrumb-item active" aria-current="page">Figma Admin Dashboard Pro</li> </ol> </nav> <h1 class="mb-2 h2" itemprop="name">Figma Admin Dashboard Pro Template</h1> <p class="mb-4 text-md font-weight-light">Premium Dashboard UI interface in Figma</p><span class="d-none" itemprop="sku">20</span> <div class="d-flex"> <p class="m-0 text-sm">No reviews.</p> </div> <div class="mt-4"> <a href="https://www.figma.com/file/GkSnYg9g5f0Eq9gQ6BSAv8/Tailwind-Figma-Pro-Preview-1.0?node-id=0%3A1" target="_blank" rel="nofollow noopener" class="btn btn-dark animate-up-2 mr-3" style="background: #1c64f2; border-color: #1c64f2 !important"> Live preview <span class="fad fa-external-link ml-2"></span> </a> <a data-scroll href="#pricing" class="btn btn-dark animate-up-2"> <span class="btn-inner-icon mr-2"><i class="fad fa-shopping-cart"></i></span>Purchase - <span class="currency">$</span><span class="standard_price">79</span> </a> </div> </div> <div class="col-12 col-lg-5 mb-4 mb-lg-0"> <div class="product-card product-card-main show-info card shadow-xl border-0 mb-0" data-product-color="#1c64f2"> <div class="card border-0 bg-transparent"> <a href="https://www.figma.com/file/Bp8DugRolLAvPOeW4BXFDI/Figma-Admin-Dashboard-Preview?node-id=0%3A1" rel="noopener nofollow" target="_blank"> <figure> <img src="https://themesberg.s3.us-east-2.amazonaws.com/public/products/figma-admin-dashboard-pro/figma-admin-dashboard-thumbnail.png" class="card-img-top rounded-md" alt="Figma Admin Dashboard Pro Template Preview" itemprop="image"> <figcaption class="show-on-hover"> <span class="btn btn-tertiary px-4" style="background: #1c64f2; border-color: #1c64f2 !important"> <span class="btn-inner-text">Live preview</span> </span> </figcaption> </figure> </a> </div> </div> </div> </div> </div> </section> <div class="section pt-4 pt-xl-0"> <div class="container mt-n5"> <nav class="mb-lg-6 mb-5"> <div class="nav nav-tabs flex-column flex-md-row shadow-sm border-soft justify-content-around bg-white rounded py-4" id="nav-tab" role="tablist"> <a class="nav-item nav-link" href="#overview"> <span class="fad fa-file-alt mr-2"></span>Overview </a> <a class="nav-item nav-link" href="#reviews"> <span class="fad fa-comment-lines mr-2"></span>Reviews </a> <a class="nav-item nav-link" href="#changelog"> <span class="fad fa-clipboard-list mr-2"></span>Changelog </a> </div> </nav> <div class="row justify-content-between" id="overview"> <div class="col-12 col-xl-7 product-description mb-4 mb-lg-0 read-more " id="product-description" itemprop="description"> <article> <p>Figma Dashboard Pro is a premium set of UI components and pages built in Figma optimized to be used with the Tailwind CSS utility classes. It includes features such as variants, auto-layouting, style guidelines, and also optimized screen examples for mobile and tablet devices.</p> <h2>Optimized for Tailwind CSS</h2> <p>Figma Dashboard Pro can be later used to easily integrate with the Tailwind CSS utility classes, because the styling properties, such as colors, spacing, shadows are all based on the default classes. This means that translating design files into actual code with Tailwind CSS will be seamless.</p> <h2>27 hand-crafted pages</h2> <p>We have prototyped and designed 27 admin dashboard pages that you can use to quickly set up a user interface for your project in Figma. This includes an overview page, messages, users, calendar, invoicing, pricing, sign in, sign up pages, and many more.</p> <h2>Responsive design</h2> <p>We know how important it is to make user interfaces accessible on any device, that is why we have built special screen examples both for mobile, tablet, and desktop devices as well. You can check out these screens in the live preview.</p> <h2>Style guideline</h2> <p>The backbone of the Figma Admin Dashboard is the style guideline of colors, spacing, typography, shadows, and everything else. These properties are also the same as the utility classes provided in Tailwind CSS in terms of convention.</p> <h2>Figma variants</h2> <p>We made sure to use the most powerful features from the Figma software, so every element has included variants, such as the buttons, forms, badges, tooltips, and many more. You’ll have a wide range of possibilities to customize the elements.</p> <h2>Auto layout</h2> <p>You’ll find it very easy to add, edit, or remove elements and sections in the Figma Admin Dashboard Pro template because of the auto-layouting feature that we made available.</p> </article> <span class="toggle-read-more" data-target="#product-description">Read more <i class="fad fa-chevron-circle-down ml-1"></i></span> </div> <div class="col-12 col-xl-4 mt-3 mt-lg-0"> <ul class="d-flex justify-content-center list-style-none mb-4"> <li> <a href="https://themesberg.com/templates/figma" target="_blank" class="btn btn-xl mb-2 mr-3 btn-icon-only rounded-circle btn-white" data-toggle="tooltip" title="Built in Figma - the most popular vector graphics editor and prototyping tool"> <span class="btn-inner-icon"> <svg width="40px" height="32px" viewBox="0 0 38 57" class="css-1tcm786"><path fill="#1abcfe" d="M19 28.5a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0z"></path><path fill="#0acf83" d="M0 47.5A9.5 9.5 0 0 1 9.5 38H19v9.5a9.5 9.5 0 1 1-19 0z"></path><path fill="#ff7262" d="M19 0v19h9.5a9.5 9.5 0 1 0 0-19H19z"></path><path fill="#f24e1e" d="M0 9.5A9.5 9.5 0 0 0 9.5 19H19V0H9.5A9.5 9.5 0 0 0 0 9.5z"></path><path fill="#a259ff" d="M0 28.5A9.5 9.5 0 0 0 9.5 38H19V19H9.5A9.5 9.5 0 0 0 0 28.5z"></path></svg> </span> </a> </li> </ul> <div class="card bg-soft border-soft p-5 mb-3"> <div class="text-center mb-3 mb-lg-0"> <a href="https://www.figma.com/file/GkSnYg9g5f0Eq9gQ6BSAv8/Tailwind-Figma-Pro-Preview-1.0?node-id=1%3A2" target="_blank" role="button" class="btn btn-gray animate-up-2 btn-block"> <span class="btn-inner-text"><span class="far fa-books mr-2"></span> Docs v1.0.0</span> </a> <a href="https://themesberg.com/product/figma/admin-dashboard-template" role="button" class="btn btn-block btn-outline-dark animate-up-2 mt-3"> Get Free Demo </a> </div> </div> <div class="card bg-soft border-soft p-5 mb-5"> <div class="d-block justify-content-between align-items-center mb-0"> <div class="pb-3 mb-3 font-weight-normal"> <div class="d-flex align-items-center justify-content-center"> <i class="fas fa-cart-arrow-down downloads-icon mr-2"></i> <span class="h5 m-0">37 purchases</span> </div> </div> <div class="pb-3 mb-3 border-bottom" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta itemprop="priceCurrency" content="USD" /> <meta itemprop="availability" content="instock"> <meta itemprop="url" content="https://themesberg.com/product/figma/admin-dashboard-pro-template"> <span class="text-gray font-weight-normal"><i class="fad fa-tags mr-2"></i> Price: </span> <span class="font-weight-normal"><span class="currency">$</span><span itemprop="price" class="standard_price">79</span> </div> <div class="pb-3 mb-3 border-bottom"> <span class="text-gray font-weight-normal"><i class="fad fa-bullhorn mr-2"></i> Released: </span> <span class="font-weight-normal">3 years ago</span> </div> <div class="pb-3 mb-3 border-bottom"> <span class="text-gray font-weight-normal"><i class="fad fa-sync-alt mr-2"></i> Updated: </span> <span class="font-weight-normal">3 years ago</span> </div> <div class="pb-3 mb-3 border-bottom"> <span class="text-gray font-weight-normal"><i class="fad fa-code-branch mr-2"></i> Version: </span> <span class="font-weight-normal">1.0.0</span> </div> <div class="pb-3 mb-3 border-bottom"> <span class="text-gray font-weight-normal"><i class="fad fa-list mr-2"></i> Category: </span> <a href="https://themesberg.com/templates/figma" class="text-gray font-weight-normal">Figma</a> </div> <div class="pb-3 mb-3 border-bottom"> <span class="text-gray font-weight-normal"><i class="fad fa-file-contract mr-2"></i> Well Documented </span> </div> <ul class="list-style-none mb-0 mt-5"> <li class="font-small mb-2"><i class="fad fa-check-circle mr-1 text-success"></i> 6 months premium support included</li> <li class="font-small mb-2"><i class="fad fa-check-circle mr-1 text-success"></i> 100% W3C valid HTML5 files</li> <li class="font-small mb-2"><i class="fad fa-check-circle mr-1 text-success"></i> Future updates</li> <li class="font-small mb-2"><i class="fad fa-check-circle mr-1 text-success"></i> Fully responsive pages</li> <li class="font-small mb-2"><i class="fad fa-check-circle mr-1 text-success"></i> 30 day <a href="https://themesberg.com/refund-policy" class="font-weight-light">refund policy</a> </li> <li class="font-small mb-2"><i class="fad fa-check-circle mr-1 text-success"></i> Built by <span itemprop="brand">Themesberg</span></li> </ul> </div> </div> </div> </div> <section class="section-sm mt-5 mt-lg-0 mb-5 mb-lg-0" id="reviews"> <div class="row"> <div class="col-12 col-lg-4 mb-5 mb-lg-0"> <h2 class="mb-2">Customer reviews</h2> <div class="d-flex"> <span class="mb-2 mr-2"> <i class="star fa-star far text-gray mr-1"> </i> <i class="star fa-star far text-gray mr-1"> </i> <i class="star fa-star far text-gray mr-1"> </i> <i class="star fa-star far text-gray mr-1"> </i> <i class="star fa-star far text-gray "> </i> </span> </div> <span class="d-block text-sm text-gray-700">No reviews yet.</span> </div> <div class="col-12 col-lg-8"> <div> <a href="https://themesberg.com/login" rel="nofollow" data-toggle="tooltip" title="Please sign in or download the item to write a review" class="btn btn-primary"><i class="fad fa-comment-alt-edit mr-2"></i> Write a review</a> </div> </div> </div> </section> <hr class="bg-soft my-0"> <section class="section-sm mt-5 mt-lg-0 mb-5 mb-lg-0" id="changelog"> <h2 class="mb-3">Changelog</h2> <p>We believe that providing meaningful updates to our templates are important to keep up with the evolution of the dependencies, libraries, and the new design requirements that the modern day web industry requires.</p> <p>Below you can see the timeline of changes for Figma Admin Dashboard Pro since its initial launch 3 years ago.</p> <div class="row mt-5 justify-content-between"> <div class="col-12 col-lg-8"> <h3 class="h4 mb-4">Releases</h3> <div class="mb-4"> <a href="#" class="h5 changelog-toggle" data-target="#changelog_1" data-toggle="collapse"> <span class="fad fa-tags mr-2"></span> v1.0.0 <span class="mx-2">-</span> <span class="changelog-date">May 10th, 2021</span> </a> <div class="collapse" id="changelog_1"> <ul class="changelog-list text-monospace"> <li>Initial files</li> </ul> </div> </div> </div> </div> </section> <hr class="bg-soft my-0"> <aside id="pricing" class="section section-md pb-0"> <div class="row justify-content-center"> <div class="col-12 text-center mb-3"> <h2 class="mb-3">Choose the right plan for your business</h2> <p class="text-gray">Trusted by over 93522 developers and software companies </p> </div> <div class="text-gray d-flex align-items-center justify-content-center flex-wrap mb-5 mb-lg-6"> <a href="https://speckyboy.com/weekly-news-for-designers-503/" target="_blank" rel="nofollow" class="mr-4 mr-sm-5 grayscale-hover mb-3 mr-3"> <img class="logo-featured-in lazy" data-src="https://themesberg.com/img/brands/speckyboy-logo.png" alt="Speckyboy Logo"> </a> <a href="https://designshack.net/articles/trends/modern-ui-design/" target="_blank" rel="nofollow" class="mr-4 mr-sm-5 grayscale-hover mb-3 mr-3"> <img class="logo-featured-in lazy mt-1" data-src="https://themesberg.com/img/brands/designshack-logo.png" alt="Designshack Logo"> </a> <a href="https://news.ycombinator.com/item?id=20780376" target="_blank" rel="nofollow" class="mr-4 mr-sm-5 grayscale-hover mb-3 mr-3"> <img class="logo-featured-in lazy mt-1" data-src="https://themesberg.com/img/brands/hackernews-logo.png" alt="Hackernews Logo"> </a> <a href="https://www.awwwards.com/themesberg/" target="_blank" rel="nofollow" class="mr-4 mr-sm-5 grayscale-hover mb-3 mr-3"> <svg width="141" height="22.3" viewBox="0 0 280 44.3"> <path fill="#837D75" id="logo-a1" d="M1.2,20.8c1-5.1,5.5-8.7,11.9-8.7c7.4,0,13.1,3.1,13.1,13.1v18.6h-6.3l-0.8-4c-2.2,2.7-5.1,4.5-9.6,4.5 C4.2,44.3,0,41,0,34.8s5.5-10.2,13.3-10.2h5.2v-1.4c0-3.5-2.6-4.6-5.5-4.6c-2.2,0-4.4,0.7-5.4,3.6L1.2,20.8z M11.3,37.8 c3.5,0,7.2-2.4,7.2-6.4v-0.6h-5.1c-3.3-0.1-5.3,1.2-5.3,3.9C8.1,36.2,9.2,37.8,11.3,37.8z"> </path> <path fill="#837D75" id="logo-a2" d="M151,20.8c1-5.1,5.5-8.7,11.9-8.7c7.4,0,13.1,3.1,13.1,13.1v18.6h-6.3l-0.8-4c-2.2,2.7-5.1,4.5-9.6,4.5 c-5.3,0-9.5-3.3-9.5-9.5s5.5-10.2,13.3-10.2h5.2v-1.4c0-3.5-2.6-4.6-5.5-4.6c-2.2,0-4.4,0.7-5.4,3.6L151,20.8z M161.1,37.8 c3.5,0,7.2-2.4,7.2-6.4v-0.6h-5.1c-3.3,0-5.3,1.2-5.3,4C157.9,36.2,159,37.8,161.1,37.8z"> </path> <path fill="#837D75" id="logo-r" d="M183,43.9V12.6h7.7v5.1c2.2-3.7,5.7-5.6,9.2-5.6c1.4,0,2.5,0.2,3.8,0.6l-1.4,7.1c-0.9-0.6-1.9-0.9-3.2-0.9 c-4.5,0-8.4,3.7-8.4,13.8v11.1L183,43.9L183,43.9z"> </path> <path fill="#837D75" id="logo-d" d="M220.1,12.1c3.2,0,6.2,1.6,7.6,3.3V0h7.7v43.9h-7.7v-3.2c-0.9,1.6-3.7,3.7-7.6,3.7c-9.4,0-14.2-6.5-14.2-16.1 S210.7,12.1,220.1,12.1z M221.2,37.8c4,0,7.2-3.3,7.2-9.5s-3.2-9.5-7.2-9.5s-7.2,3.3-7.2,9.5S217.2,37.8,221.2,37.8z"> </path> <path fill="#837D75" id="logo-s" d="M263.2,17.1l-4.6,4.2c-1.4-1.9-3.5-2.7-5.2-2.7c-1.5,0-2.9,0.9-2.9,2.6c0,1.4,1.1,2.4,3,3 c4.3,1.6,11.3,2.9,11.3,9.6c0,5.7-4.3,10.4-11.1,10.4c-6.5,0-10.9-4.6-12.4-8.4l6.1-3.3c1.1,3,3.2,5.2,6.3,5.2 c2.4,0,3.9-1.1,3.9-3.4c0-2.6-4-3.2-7.8-4.8c-3.4-1.4-6.3-3.6-6.3-8.4s3.9-9.1,10-9.1C257.6,12,261.3,14.1,263.2,17.1z"> </path> <polygon fill="#837D75" id="logo-w2" points="103,12.6 97.5,34.1 92.2,12.6 85,12.6 79.8,34.1 75.4,21.6 74.9,23.1 72.4,31.1 76.4,43.9 83.2,43.9 88.6,23.7 94,43.9 100.8,43.9 110.8,12.6"> </polygon> <polygon fill="#837D75" id="logo-w3" points="140.2,12.6 134.6,34.1 129.3,12.6 122.1,12.6 116.9,34.1 112.5,21.6 112,23.1 109.5,31.1 113.5,43.9 120.3,43.9 125.7,23.7 131.1,43.9 137.9,43.9 147.9,12.6"> </polygon> <path fill="#837D75" id="logo-w1" d="M73.7,12.6l-10,31.2h-6.8l-5.4-20.2l-5.4,20.3h-6.8l-10-31.2h7.8l5.6,21.4L48,12.7h7.1l5.3,21.4L66,12.7 L73.7,12.6L73.7,12.6z"> </path> <path fill="#837D75" id="logo-p" d="M274.8,33.8c3,0,5.2,2.2,5.2,5.2s-2.2,5.2-5.2,5.2s-5.2-2.2-5.2-5.2S271.9,33.8,274.8,33.8z"> </path> </svg> </a> <a href="https://www.producthunt.com/posts/themesberg" target="_blank" rel="nofollow" class="mr-4 mr-sm-5 grayscale-hover mb-3 mr-3"> <svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"> <g fill="none" fill-rule="evenodd"> <path d="M40 20c0 11.046-8.954 20-20 20S0 31.046 0 20 8.954 0 20 0s20 8.954 20 20" fill="#DA552F"></path> <path d="M22.667 20H17v-6h5.667a3 3 0 0 1 0 6m0-10H13v20h4v-6h5.667a7 7 0 1 0 0-14" fill="#FFF"></path> </g> </svg> </a> </div> </div> <div class="row"> <div class="col-12"> <div class="checkout-wrapper"> <div id="checkout-loading" class="bg-white" style="display: none; z-index: 9999; width: 2.7rem; height: 2.7rem;"> <div class="spinner-border text-primary bg-white" style="width: 2.7rem; height: 2.7rem;" role="status"> <span class="sr-only">Loading...</span> </div> </div> <div class="checkout-container"></div> </div> <div id="checkout-success" class="px-10" style="display: none"> <div class="alert alert-success" role="alert"><span class="d-block font-weight-normal"><i class="fad fa-check-circle mr-2"></i>The order has been succesfully placed</span></div> <p class="font-weight-normal text-gray-600 font-small">You'll get an email from Paddle for the invoice and another one from Themesberg with the instructions to get access to the product. It may take up to 5 minutes for the email to arrive. Thank you for purchasing from Themesberg.</p> </div> </div> </div> <div class="row mt-lg-5" id="pricing-table"> <div class="col-12 col-lg-4"> <div class="card shadow-sm rounded-md border-light mb-3 px-2"> <div class="card-header p-4"> <div class="d-flex mb-3"> <span class="h5 mb-0"><span class="currency">$</span></span> <span class="price display-2 mb-0 text-dark standard_price">79</span> </div> <h3 class="mb-3 text-dark">Freelancer</h3> <p class="font-weight-normal text-sm mb-0">Great for personal use and for your side projects.</p> </div> <div class="card-body pt-2"> <ul class="list-group"> <li class="list-group-item font-weight-normal text-md py-2 pl-0"><span class="icon-success"></span>Full documentation</li> <li class="list-group-item font-weight-normal text-md py-2 pl-0"><span class="icon-success"></span>Domains: <strong>1</strong></li> <li class="list-group-item font-weight-normal text-md py-2 pl-0"><span class="icon-success"></span>Team size: <strong>1 developer</strong></li> <li class="list-group-item font-weight-normal text-md py-2 pl-0"><span class="icon-success"></span>Premium support: <strong>6 months</strong> </li> <li class="list-group-item font-weight-normal text-md py-2 pl-0"><span class="icon-success"></span>Free updates: <strong>6 months</strong></li> </ul> </div> <div class="card-footer pt-2 px-4 pb-4"> <button class="btn w-100 btn-primary animate-up-2 paddle-button" data-theme="none" data-product="653749" id="standard_price_button"> Buy now </button> </div> </div> <a href="https://themesberg.com/licensing#freelancer" data-toggle="tooltip" data-placement="bottom" title="Something unclear? Click to read the full Freelancer license." class="font-small text-gray text-center d-block my-4"><i class="fal fa-question-circle mr-2"></i> Freelancer License</a> </div> <div class="col-12 col-lg-4"> <div class="card shadow-sm border-light rounded-md mb-3 pt-lg-3 pb-lg-5 mt-lg-n4"> <div class="card-header p-4"> <div class="d-flex mb-3 text-dark"> <span class="h5 mb-0"><span class="currency">$</span></span> <span class="price display-2 text-dark mb-0 company_price">129</span> </div> <h3 class="mb-3 text-dark">Company</h3> <p class="font-weight-normal text-sm mb-0">Relevant for multiple users and extended support.</p> </div> <div class="card-body pt-2"> <ul class="list-group"> <li class="list-group-item font-weight-normal text-md py-2 pl-0"><span class="icon-success"></span>Full documentation</li> <li class="list-group-item font-weight-normal text-md py-2 pl-0"><span class="icon-success"></span>Domains: <strong>unlimited</strong></li> <li class="list-group-item font-weight-normal text-md py-2 pl-0"><span class="icon-success"></span>Team size: <strong>1-5 developers</strong> </li> <li class="list-group-item font-weight-normal text-md py-2 pl-0"><span class="icon-success"></span>Premium support: <strong>12 months</strong> </li> <li class="list-group-item font-weight-normal text-md py-2 pl-0"><span class="icon-success"></span>Free updates: <strong>lifetime</strong></li> </ul> </div> <div class="card-footer pt-2 px-4 pb-0"> <button class="btn w-100 btn-primary animate-up-2 paddle-button" data-theme="none" data-product="653750" id="company_price_button"> Buy now </button> </div> </div> <a href="https://themesberg.com/licensing#company" data-toggle="tooltip" data-placement="bottom" title="Something unclear? Click to read the full Company license." class="font-small text-gray text-center d-block my-4"><i class="fal fa-question-circle mr-2"></i> Company License</a> </div> <div class="col-12 col-lg-4"> <div class="card rounded-md border-light shadow-sm mb-3"> <div class="card-header p-4"> <div class="d-flex mb-3"> <span class="h5 mb-0"><span class="currency">$</span></span> <span class="price display-2 text-dark mb-0 enterprise_price">299</span> </div> <h3 class="mb-3 text-dark">Enterprise</h3> <p class="font-weight-normal text-sm mb-0">Best for large scale uses and extended redistribution rights.</p> </div> <div class="card-body pt-2"> <ul class="list-group"> <li class="list-group-item font-weight-normal text-md py-2 pl-0"><span class="icon-success"></span>Full documentation</li> <li class="list-group-item font-weight-normal text-md py-2 pl-0"><span class="icon-success"></span>Domains: <strong>unlimited</strong></li> <li class="list-group-item font-weight-normal text-md py-2 pl-0 d-flex align-items-center"> <span class="icon-success"></span>Team size: <div class="form-group ml-3 mb-0"> <select class="form-control form-control-sm" id="enterpriseDevelopersSelect"> <option>5-15 developers</option> <option>15+ developers</option> </select> </div> </li> <li class="list-group-item font-weight-normal text-md py-2 pl-0"><span class="icon-success"></span>Premium support: <strong>24 months</strong> </li> <li class="list-group-item font-weight-normal text-md py-2 pl-0"><span class="icon-success"></span>Free updates: <strong>lifetime</strong></li> </ul> </div> <div class="card-footer pt-2 px-4 pb-4"> <button class="btn w-100 btn-primary animate-up-2 paddle-button" data-theme="none" data-product="653753" id="enterprise_price_button"> Buy now </button> <a href="/cdn-cgi/l/email-protection#1f6570736b7e715f6b777a727a6c7d7a6d78317c7072204c6a7d757a7c6b225a716b7a6d6f6d766c7a3a2d2f4d7a6e6a7a6c6b" style="display: none" class="btn w-100 btn-primary animate-up-2" id="enterpriseContactButton"> Contact us </a> </div> </div> <a href="https://themesberg.com/licensing#enterprise" data-toggle="tooltip" data-placement="bottom" title="Something unclear? Click to read the full Enterprise license." class="font-small text-gray text-center d-block my-4"><i class="fal fa-question-circle mr-2"></i> Enterprise License</a> </div> </div> <div class="row"> <div class="col-12 d-flex justify-content-center align-items-center flex-column text-center mt-lg-5 mb-5"> <span class="d-block font-weight-normal text-gray font-small mb-4">Notice: Price displayed excludes VAT. You can add your VAT ID after you press "Buy now" <br> if you are a registered company within the European Union.</span> <span class="d-block font-weight-normal text-gray small"><i class="fad fa-shield-check text-success mr-1"></i> Secure Payment via Paddle</span> <ul class="list-inline pt-3 mb-4"> <li class="list-inline-item mr-3"> <svg height="20" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 20" style="enable-background:new 0 0 32 20;" xml:space="preserve"> <g> <path fill="#929397" d="M20,10c0,5.5-4.5,9.9-10,9.9c-5.5,0-10-4.4-10-9.9c0-5.5,4.5-9.9,10-9.9C15.5,0.1,20,4.5,20,10z"/> <path fill="#d2d0d0" d="M22,0.1c-2.2,0-4.3,0.7-6,2l0,0c0.3,0.3,0.7,0.5,1,0.9l-2.1,0c-0.3,0.3-0.6,0.7-0.9,1h3.7 c0.3,0.3,0.5,0.6,0.8,1h-5.1c-0.2,0.3-0.4,0.6-0.5,1H19c0.2,0.3,0.3,0.6,0.4,1h-7c-0.1,0.3-0.2,0.7-0.3,1h7.6 c0.1,0.3,0.1,0.7,0.2,1H12c0,0.3,0,0.7-0.1,1h8c0,0.4,0,0.7-0.1,1H12c0,0.3,0.1,0.7,0.1,1h7.5c-0.1,0.3-0.2,0.7-0.3,1h-7 c0.1,0.3,0.2,0.7,0.4,1H19c-0.2,0.4-0.4,0.6-0.6,1h-5.1c0.2,0.3,0.4,0.7,0.7,1l3.7,0.1c-0.3,0.4-0.7,0.6-1.1,0.9c0,0-0.6,0-1.8,0 c1.9,1.9,4.5,3,7.2,3c5.5,0,10-4.4,10-9.9C32,4.5,27.5,0.1,22,0.1L22,0.1z"/> </g> </svg> </li> <li class="list-inline-item mr-3"> <svg height="16" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 16" style="enable-background:new 0 0 50 16;" xml:space="preserve"> <g> <path fill="#929397" d="M20.4,0l-2.5,15.8h4L24.4,0H20.4z M32.5,6.5c-1.4-0.7-2.3-1.2-2.3-1.9c0-0.7,0.7-1.3,2.3-1.3c1,0,2,0.2,3,0.6 L35.9,4l0.5-3.3c-1.1-0.4-2.4-0.7-3.6-0.7c-4,0-6.7,2.1-6.8,5.1c0,2.2,2,3.4,3.5,4.2c1.5,0.8,2.1,1.2,2.1,1.9c0,1-1.3,1.5-2.4,1.5 c-1.6,0-2.5-0.2-3.8-0.8L25,11.7l-0.6,3.4c0.9,0.4,2.7,0.8,4.5,0.8c4.2,0,6.9-2.1,7-5.2C35.9,8.9,34.8,7.6,32.5,6.5L32.5,6.5z M46.7,0.1h-3.1c-1,0-1.7,0.3-2.1,1.3l-6,14.5h4.2l1.2-3.1h4.7l0.6,3.2H50L46.7,0.1L46.7,0.1z M42.1,9.6c0.1,0,1.6-5.1,1.6-5.1 l1.2,5.1L42.1,9.6L42.1,9.6z M14.6,0l-3.9,10.8l-0.4-2.1c-0.7-2.4-3-5.1-5.5-6.4l3.6,13.6h4.2L18.8,0L14.6,0C14.6,0,14.6,0,14.6,0z "/> <path fill="#d2d0d0" d="M8.9,2.1c-0.3-1.2-1.3-2-2.6-2H0.1L0,0.3c4.8,1.2,8.9,5,10.2,8.5L8.9,2.1z"/> </g> </svg> </li> <li class="list-inline-item"> <svg height="20" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 62 17" style="enable-background:new 0 0 62 17;" xml:space="preserve"> <g> <path fill="#929397" d="M42,0.3h-4.7c-0.3,0-0.6,0.3-0.7,0.6l-2,12.3c0,0.3,0.1,0.4,0.4,0.4h2.5c0.3,0,0.4-0.1,0.4-0.4l0.6-3.5 c0-0.3,0.3-0.6,0.7-0.6h1.5c3.2,0,5-1.5,5.4-4.6c0.3-1.3,0-2.4-0.6-3.1C44.8,0.7,43.6,0.3,42,0.3 M42.6,4.9 c-0.3,1.7-1.5,1.7-2.8,1.7H39l0.6-3.2c0-0.1,0.1-0.3,0.4-0.3h0.3c0.8,0,1.7,0,2.1,0.6C42.6,3.8,42.6,4.2,42.6,4.9"/> <g> <path fill="#d2d0d0" d="M7.8,0.3H3.1c-0.3,0-0.6,0.3-0.7,0.6l-2,12.3c0,0.3,0.1,0.4,0.4,0.4h2.2c0.3,0,0.6-0.3,0.7-0.6l0.6-3.3 c0-0.3,0.3-0.6,0.7-0.6h1.5c3.2,0,5-1.5,5.4-4.6c0.3-1.3,0-2.4-0.6-3.1C10.6,0.7,9.5,0.3,7.8,0.3 M8.4,4.9 C8.1,6.6,6.9,6.6,5.6,6.6H4.9l0.6-3.2c0-0.1,0.1-0.3,0.4-0.3h0.3c0.8,0,1.7,0,2.1,0.6C8.4,3.8,8.5,4.2,8.4,4.9 M22.2,4.8H20 c-0.1,0-0.4,0.1-0.4,0.3l-0.1,0.7l-0.1-0.3c-0.6-0.7-1.5-1-2.7-1c-2.5,0-4.7,2-5.2,4.6c-0.3,1.4,0.1,2.7,0.8,3.5 c0.7,0.8,1.7,1.1,2.9,1.1c2.1,0,3.2-1.3,3.2-1.3l-0.1,0.7c0,0.3,0.1,0.4,0.4,0.4h2.1c0.3,0,0.6-0.3,0.7-0.6l1.3-7.8 C22.6,5,22.4,4.8,22.2,4.8 M19,9.2c-0.3,1.3-1.3,2.2-2.7,2.2c-0.7,0-1.3-0.3-1.5-0.6c-0.3-0.4-0.4-1-0.4-1.7C14.5,8,15.7,7,16.9,7 c0.7,0,1.1,0.3,1.5,0.6C18.9,8,19,8.7,19,9.2"/> </g> <path fill="#929397" d="M56.3,4.8H54c-0.1,0-0.4,0.1-0.4,0.3l-0.1,0.7l-0.1-0.3c-0.6-0.7-1.5-1-2.7-1c-2.5,0-4.7,2-5.2,4.6 c-0.3,1.4,0.1,2.7,0.8,3.5c0.7,0.8,1.7,1.1,2.9,1.1c2.1,0,3.2-1.3,3.2-1.3l-0.1,0.7c0,0.3,0.1,0.4,0.4,0.4h2.1 c0.3,0,0.6-0.3,0.7-0.6l1.3-7.8C56.7,5,56.6,4.8,56.3,4.8 M53.1,9.2c-0.3,1.3-1.3,2.2-2.7,2.2c-0.7,0-1.3-0.3-1.5-0.6 c-0.3-0.4-0.4-1-0.4-1.7C48.6,8,49.7,7,51,7c0.7,0,1.1,0.3,1.5,0.6C53.1,8,53.2,8.7,53.1,9.2"/> <path fill="#d2d0d0" d="M34.4,4.8H32c-0.3,0-0.4,0.1-0.6,0.3l-3.1,4.7L27,5.3c-0.1-0.3-0.3-0.4-0.7-0.4H24c-0.3,0-0.4,0.3-0.4,0.6 l2.5,7.4l-2.4,3.3c-0.1,0.3,0,0.7,0.3,0.7h2.2c0.3,0,0.4-0.1,0.6-0.3l7.7-11C34.9,5.2,34.6,4.8,34.4,4.8"/> <path fill="#929397" d="M58.9,0.7l-2,12.6c0,0.3,0.1,0.4,0.4,0.4h2c0.3,0,0.6-0.3,0.7-0.6l2-12.3c0-0.3-0.1-0.4-0.4-0.4h-2.2 C59.2,0.3,59.1,0.4,58.9,0.7"/> </g> </svg> </li> </ul> </div> </div> </aside> <hr class="bg-soft my-0"> <aside class="section section-sm"> <h3 class="font-weight-medium mb-2">Related themes</h3> <p>Other users were also interested in the following premium templates:</p> <div class="row mt-5"> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="product-card show-info card shadow-sm border-soft" data-product-color="#803C68"> <div class="card border-0 bg-transparent"> <figure class="m-0"> <a href="https://themesberg.com/product/ui-kit/pixel-pro-premium-bootstrap-5-ui-kit"> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-pro/pixel-pro-thumb.jpg" class="lazy" alt="Pixel Pro - Premium Bootstrap 5 UI KIT Preview"> </a> <figcaption class="show-on-hover"> <a href="https://themesberg.com/product/ui-kit/pixel-pro-premium-bootstrap-5-ui-kit" class="btn btn-icon-only rounded-circle btn-product-action mr-3" data-toggle="tooltip" data-placement="bottom" title="Theme details"> <span class="btn-inner-icon"><i class="fad fa-list"></i></span> </a> <a href="https://demo.themesberg.com/pixel-pro/v5/" target="_blank" class="btn btn-icon-only rounded-circle btn-product-action" data-toggle="tooltip" data-placement="bottom" title="Live preview"> <span class="btn-inner-icon"><i class="fad fa-laptop"></i></span> </a> </figcaption> </figure> <div class="card-body p-3"> <div class="post-meta pt-2 d-flex align-items-center justify-content-between"> <div> <a href="https://themesberg.com/product/ui-kit/pixel-pro-premium-bootstrap-5-ui-kit" class="mb-2 d-block mt-0 h5 text-dark">Pixel Pro UI Kit</a> <p class="font-weight-light text-gray small m-0">Premium Bootstrap 5 UI Kit with user dashboard</p> </div> </div> <hr class="bg-soft"> <div class="d-flex align-items-center justify-content-between"> <div> <a href="https://themesberg.com/product/ui-kit/pixel-pro-premium-bootstrap-5-ui-kit" class="product-price text-dark">$89</a> </div> <div class="product-counters d-flex"> <a href="https://themesberg.com/product/ui-kit/pixel-pro-premium-bootstrap-5-ui-kit" class="product-card-downloads font-small text-gray-700"> <i class="fad fa-cart-arrow-down mr-1"></i> 417 </a> <a href="https://themesberg.com/product/ui-kit/pixel-pro-premium-bootstrap-5-ui-kit#reviews" class="product-card-downloads font-small text-gray-700 ml-3"> <i class="far fa-star mr-1"></i> 5.0/5 </a> </div> </div> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="product-card show-info card shadow-sm border-soft" data-product-color="#ffa031"> <div class="card border-0 bg-transparent"> <figure class="m-0"> <a href="https://themesberg.com/product/admin-dashboard/volt-premium-bootstrap-5-dashboard"> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/products/volt-pro-bootstrap-5-dashboard/volt-pro-preview.jpg" class="lazy" alt="Volt Pro - Premium Bootstrap 5 Dashboard Preview"> </a> <figcaption class="show-on-hover"> <a href="https://themesberg.com/product/admin-dashboard/volt-premium-bootstrap-5-dashboard" class="btn btn-icon-only rounded-circle btn-product-action mr-3" data-toggle="tooltip" data-placement="bottom" title="Theme details"> <span class="btn-inner-icon"><i class="fad fa-list"></i></span> </a> <a href="https://demo.themesberg.com/volt-pro/" target="_blank" class="btn btn-icon-only rounded-circle btn-product-action" data-toggle="tooltip" data-placement="bottom" title="Live preview"> <span class="btn-inner-icon"><i class="fad fa-laptop"></i></span> </a> </figcaption> </figure> <div class="card-body p-3"> <div class="post-meta pt-2 d-flex align-items-center justify-content-between"> <div> <a href="https://themesberg.com/product/admin-dashboard/volt-premium-bootstrap-5-dashboard" class="mb-2 d-block mt-0 h5 text-dark">Volt Pro Bootstrap 5 Dashboard</a> <p class="font-weight-light text-gray small m-0">Premium Bootstrap 5 Admin Template</p> </div> </div> <hr class="bg-soft"> <div class="d-flex align-items-center justify-content-between"> <div> <a href="https://themesberg.com/product/admin-dashboard/volt-premium-bootstrap-5-dashboard" class="product-price text-dark">$69</a> </div> <div class="product-counters d-flex"> <a href="https://themesberg.com/product/admin-dashboard/volt-premium-bootstrap-5-dashboard" class="product-card-downloads font-small text-gray-700"> <i class="fad fa-cart-arrow-down mr-1"></i> 308 </a> <a href="https://themesberg.com/product/admin-dashboard/volt-premium-bootstrap-5-dashboard#reviews" class="product-card-downloads font-small text-gray-700 ml-3"> <i class="far fa-star mr-1"></i> 4.5/5 </a> </div> </div> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="product-card show-info card shadow-sm border-soft" data-product-color="#2D4DC8"> <div class="card border-0 bg-transparent"> <figure class="m-0"> <a href="https://themesberg.com/product/ui-kit/neumorphism-ui-kit-bootstrap-pro"> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/products/neumorphism-ui-pro/neumorphism-ui-pro-thumb.jpg" class="lazy" alt="Neumorphism UI PRO Bootstrap Preview"> </a> <figcaption class="show-on-hover"> <a href="https://themesberg.com/product/ui-kit/neumorphism-ui-kit-bootstrap-pro" class="btn btn-icon-only rounded-circle btn-product-action mr-3" data-toggle="tooltip" data-placement="bottom" title="Theme details"> <span class="btn-inner-icon"><i class="fad fa-list"></i></span> </a> <a href="https://demo.themesberg.com/neumorphism-ui-pro/" target="_blank" class="btn btn-icon-only rounded-circle btn-product-action" data-toggle="tooltip" data-placement="bottom" title="Live preview"> <span class="btn-inner-icon"><i class="fad fa-laptop"></i></span> </a> </figcaption> </figure> <div class="card-body p-3"> <div class="post-meta pt-2 d-flex align-items-center justify-content-between"> <div> <a href="https://themesberg.com/product/ui-kit/neumorphism-ui-kit-bootstrap-pro" class="mb-2 d-block mt-0 h5 text-dark">Neumorphism UI PRO</a> <p class="font-weight-light text-gray small m-0">Neumorphism inspired user interface kit</p> </div> </div> <hr class="bg-soft"> <div class="d-flex align-items-center justify-content-between"> <div> <a href="https://themesberg.com/product/ui-kit/neumorphism-ui-kit-bootstrap-pro" class="product-price text-dark">$69</a> </div> <div class="product-counters d-flex"> <a href="https://themesberg.com/product/ui-kit/neumorphism-ui-kit-bootstrap-pro" class="product-card-downloads font-small text-gray-700"> <i class="fad fa-cart-arrow-down mr-1"></i> 206 </a> <a href="https://themesberg.com/product/ui-kit/neumorphism-ui-kit-bootstrap-pro#reviews" class="product-card-downloads font-small text-gray-700 ml-3"> <i class="far fa-star mr-1"></i> 5.0/5 </a> </div> </div> </div> </div> </div> </div> </div> <div class="text-center"> <a href="https://themesberg.com/themes" class="btn btn-primary"><i class="fad fa-th-list mr-2"></i> View all Themes</a> </div> </aside> </div> </div> </div> </main> <section class="footer section section-md mb-5 pt-0 pb-0"> <div class="container"> <div class="row position-relative no-gutters z-2 shadow-sm rounded bg-white"> <div class="col-12 col-lg-6 bg-white rounded"> <div class="border-left-md border-soft py-4 px-3 px-lg-5 m-0 bg-white rounded"> <p class="mb-2 h4">Join our community</p> <p class="font-medium mb-3">Get access to free templates and themes used by over 93522 web developers.</p> <a class="btn btn-sm btn-outline-primary d-none d-sm-inline-block mb-4" href="https://themesberg.com/register"> Create an account for free <span class="fas fa-long-arrow-alt-right ml-2"></span> </a> <p class="text-md">Follow us on social media:</p> <ul class="d-flex flew-row list-style-none"> <li class="mr-3"> <a href="https://twitter.com/themesberg" rel="nofollow noopener" target="_blank" class="btn-sm btn-icon-only rounded-circle btn-twitter" data-toggle="tooltip" data-placement="bottom" title="Follow @themesberg"> <span class="btn-inner-icon"><i class="fab fa-twitter"></i></span> </a> </li> <li class="mr-3"> <a href="https://www.facebook.com/themesberg/" rel="nofollow noopener" target="_blank" class="btn-sm btn-icon-only rounded-circle btn-facebook" data-toggle="tooltip" data-placement="bottom" title="Like Themesberg"> <span class="btn-inner-icon"><i class="fab fa-facebook"></i></span> </a> </li> <li class="mr-3"> <a href="https://github.com/themesberg" rel="nofollow noopener" target="_blank" class="btn-sm btn-icon-only rounded-circle btn-github" data-toggle="tooltip" data-placement="bottom" title="Open source projects"> <span class="btn-inner-icon"><i class="fab fa-github"></i></span> </a> </li> <li class="mr-3"> <a href="https://www.instagram.com/themesberg/" rel="nofollow noopener" target="_blank" class="btn-sm btn-icon-only rounded-circle btn-instagram" data-toggle="tooltip" data-placement="bottom" title="Follow us on Instagram"> <span class="btn-inner-icon"><i class="fab fa-instagram"></i></span> </a> </li> <li class="mr-3"> <a href="https://dribbble.com/themesberg" rel="nofollow noopener" target="_blank" class="btn-sm btn-icon-only rounded-circle btn-dribbble" data-toggle="tooltip" data-placement="bottom" title="Follow us on Dribbble"> <span class="btn-inner-icon"><i class="fab fa-dribbble"></i></span> </a> </li> <li class="mr-3"> <a href="https://www.linkedin.com/company/themesberg/" rel="nofollow noopener" target="_blank" class="btn-sm btn-icon-only rounded-circle btn-linkedin" data-toggle="tooltip" data-placement="bottom" title="Follow us on LinkedIn"> <span class="btn-inner-icon"><i class="fab fa-linkedin"></i></span> </a> </li> </ul> </div> </div> <div class="col-12 col-lg-6 bg-white rounded"> <div class="border-left-md border-soft py-4 px-3 px-lg-5 m-0 bg-white rounded"> <p class="mb-2 h4">Subscribe to our newsletter</p> <p class="mb-4 text-md">New themes, blog posts, marketplace journey. No spam.</p> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script async data-uid="4e9649fabb" src="https://fabulous-artisan-1281.ck.page/4e9649fabb/index.js"></script> </div> </div> </div> </div> </section> <footer class="pb-6 pt-9 bg-soft mt-n8"> <div class="container"> <div class="row mb-5 justify-content-center"> <div class="col-auto"> <a class="footer-brand" href="https://themesberg.com"> <img class="navbar-brand-light" height="35" src="https://themesberg.com/img/brand/themesberg-footer.svg" alt="Logo Themesberg"> </a> </div> </div> <ul class="text-md-center mb-4 text-center footer-links pl-0"> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://flowbite.com/" target="_blank">Flowbite - Tailwind Components</a></li> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://themesberg.com/terms-and-conditions">Terms and Conditions</a></li> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://themesberg.com/privacy-policy">Privacy Policy</a></li> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://themesberg.com/cookie-policy">Cookie Policy</a></li> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://themesberg.com/licensing">Licensing</a></li> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://themesberg.com/knowledge-center">Knowledge Center</a></li> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://themesberg.com/custom-development">Custom Development</a></li> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://themesberg.com/contact">Contact</a></li> </ul> <div class="row justify-content-center text-center"> <div class="col-12"> <small class="text-gray-700">© 2019-2025 All Rights Reserved. Themesberg™ is a registered trademark of Crafty Dwarf LLC.</small> </div> </div> </div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.0/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@15.1.1/dist/lazyload.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/smooth-scroll/16.1.0/smooth-scroll.min.js"></script> <script src="https://themesberg.com/js/themesberg.js"></script> <script src="https://cdn.paddle.com/paddle/paddle.js"></script> <script src="https://themesberg.com/js/checkout.js"></script> </body> </html>